#535E6D Information

#535E6D color RGB value is (83 , 94 , 109) , HEX triplet: 53, 5e and 6d. RGB value is (83 , 94 , 109). Sum of RGB (Red+Green+Blue) = 83+94+109=286 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 94 (36.86% from 255 or 43.72% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 109 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #535E6D hue: 0.6 , saturation: 0.14 and the lightness value of 535e6d is 0.38.

#535e6d
(83 , 94 , 109)
  • R (83)
  • G (94)
  • B (109)
  • C (10.2)
  • M (5.88)
  • Y (0)
  • K (57.25)

Applying the #535e6d

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

#4e5968
#495463
#444f5e
#3f4a59
#3a4554
#35404f
#303b4a
#2b3645
#263140
#212c3b
#1c2736
#172231
#5f6a79
#6b7685
#778291
#838e9d
#8f9aa9
#9ba6b5
#a7b2c1
#b3becd
#bfcad9
#cbd6e5
#d7e2f1
#e3eefd

Color spaces of #535e6d

Type Values
RGB 83 94 109
HSL 0.6 0.14 0.38
HSV 215 24 43
CMYK 10.2 5.88 0 57.25
XYZ 10.3303 10.9485 16.0368
Hunter Lab 33.0886 -2.1769 -5.5636
CIE-Lab 39.4937 -0.5834 -9.9421

Base Numbers

BaseRedGreenBlue
Decimal 83 94 109
Binary 1010011 1011110 1101101
Octal 123 136 155
Hex 53 5E 6D

Monochromatic Colors

#6c7786
#85909f
#9ea9b8
#b7c2d1
#d0dbea
#e9f4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#535e6d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#535E6D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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