#505C8E Information

#505C8E color RGB value is (80 , 92 , 142) , HEX triplet: 50, 5c and 8e. RGB value is (80 , 92 , 142). Sum of RGB (Red+Green+Blue) = 80+92+142=314 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 92 (36.08% from 255 or 42.79% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 142 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #505C8E hue: 0.63 , saturation: 0.28 and the lightness value of 505c8e is 0.44.

#505c8e
(80 , 92 , 142)
  • R (80)
  • G (92)
  • B (142)
  • C (24.31)
  • M (19.61)
  • Y (0)
  • K (44.31)

Applying the #505c8e

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

#4b5789
#465284
#414d7f
#3c487a
#374375
#323e70
#2d396b
#283466
#232f61
#1e2a5c
#192557
#142052
#5c689a
#6874a6
#7480b2
#808cbe
#8c98ca
#98a4d6
#a4b0e2
#b0bcee
#bcc8fa
#c8d4ff
#d4e0ff
#e0ecff

Color spaces of #505c8e

Type Values
RGB 80 92 142
HSL 0.63 0.28 0.44
HSV 228 44 56
CMYK 24.31 19.61 0 44.31
XYZ 12.0179 11.3128 27.1414
Hunter Lab 33.6344 4.9196 -24.2829
CIE-Lab 40.1023 9.1371 -29.1413

Base Numbers

BaseRedGreenBlue
Decimal 80 92 142
Binary 1010000 1011100 10001110
Octal 120 134 216
Hex 50 5C 8E

Monochromatic Colors

#6975a7
#828ec0
#9ba7d9
#b4c0f2
#cdd9ff
#e6f2ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#505c8e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#505C8E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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