#536871 Information

#536871 color RGB value is (83 , 104 , 113) , HEX triplet: 53, 68 and 71. RGB value is (83 , 104 , 113). Sum of RGB (Red+Green+Blue) = 83+104+113=300 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 104 (40.78% from 255 or 48.37% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 113 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #536871 hue: 0.55 , saturation: 0.15 and the lightness value of 536871 is 0.38.

#536871
(83 , 104 , 113)
  • R (83)
  • G (104)
  • B (113)
  • C (11.76)
  • M (3.53)
  • Y (0)
  • K (55.69)

Applying the #536871

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#4e636c
#495e67
#445962
#3f545d
#3a4f58
#354a53
#30454e
#2b4049
#263b44
#21363f
#1c313a
#172c35
#5f747d
#6b8089
#778c95
#8398a1
#8fa4ad
#9bb0b9
#a7bcc5
#b3c8d1
#bfd4dd
#cbe0e9
#d7ecf5
#e3f8ff

Color spaces of #536871

Type Values
RGB 83 104 113
HSL 0.55 0.15 0.38
HSV 198 27 44
CMYK 11.76 3.53 0 55.69
XYZ 11.4982 12.9319 17.5129
Hunter Lab 35.9609 -5.8574 -3.6914
CIE-Lab 42.6604 -5.5599 -7.628

Base Numbers

BaseRedGreenBlue
Decimal 83 104 113
Binary 1010011 1101000 1110001
Octal 123 150 161
Hex 53 68 71

Monochromatic Colors

#6c818a
#859aa3
#9eb3bc
#b7ccd5
#d0e5ee
#e9feff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#536871 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#536871 Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#536871">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#536871">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #536871">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #536871;
box-shadow: 1px 1px 4px #536871">You are Awesome</p>