#5D658B Information

#5D658B color RGB value is (93 , 101 , 139) , HEX triplet: 5d, 65 and 8b. RGB value is (93 , 101 , 139). Sum of RGB (Red+Green+Blue) = 93+101+139=333 (Red value is 93 (36.47% from 255 or 43.26% from 215); Green value is 101 (39.61% from 255 or 46.98% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 139 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5D658B hue: 0.64 , saturation: 0.2 and the lightness value of 5d658b is 0.45.

#5d658b
(93 , 101 , 139)
  • R (93)
  • G (101)
  • B (139)
  • C (18.04)
  • M (14.9)
  • Y (0)
  • K (45.49)

Applying the #5d658b

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

#586086
#535b81
#4e567c
#495177
#444c72
#3f476d
#3a4268
#353d63
#30385e
#2b3359
#262e54
#21294f
#697197
#757da3
#8189af
#8d95bb
#99a1c7
#a5add3
#b1b9df
#bdc5eb
#c9d1f7
#d5ddff
#e1e9ff
#edf5ff

Color spaces of #5d658b

Type Values
RGB 93 101 139
HSL 0.64 0.2 0.45
HSV 230 33 55
CMYK 18.04 14.9 0 45.49
XYZ 13.8281 13.4986 26.3028
Hunter Lab 36.7404 2.8869 -16.7128
CIE-Lab 43.5051 6.4855 -21.9646

Base Numbers

BaseRedGreenBlue
Decimal 93 101 139
Binary 1011101 1100101 10001011
Octal 135 145 213
Hex 5D 65 8B

Monochromatic Colors

#767ea4
#8f97bd
#a8b0d6
#c1c9ef
#dae2ff
#f3fbff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5d658b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5D658B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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