#506F85 Information

#506F85 color RGB value is (80 , 111 , 133) , HEX triplet: 50, 6f and 85. RGB value is (80 , 111 , 133). Sum of RGB (Red+Green+Blue) = 80+111+133=324 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 133 (52.16% from 255 or 61.86% from 215); Max value from RGB is 133 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #506F85 hue: 0.57 , saturation: 0.25 and the lightness value of 506f85 is 0.42.

#506f85
(80 , 111 , 133)
  • R (80)
  • G (111)
  • B (133)
  • C (20.78)
  • M (8.63)
  • Y (0)
  • K (47.84)

Applying the #506f85

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

#4b6a80
#46657b
#416076
#3c5b71
#37566c
#325167
#2d4c62
#28475d
#234258
#1e3d53
#19384e
#143349
#5c7b91
#68879d
#7493a9
#809fb5
#8cabc1
#98b7cd
#a4c3d9
#b0cfe5
#bcdbf1
#c8e7fd
#d4f3ff
#e0ffff

Color spaces of #506f85

Type Values
RGB 80 111 133
HSL 0.57 0.25 0.42
HSV 205 40 52
CMYK 20.78 8.63 0 47.84
XYZ 13.2263 14.7678 24.3437
Hunter Lab 38.4289 -5.8148 -10.6451
CIE-Lab 45.3145 -5.1849 -15.6723

Base Numbers

BaseRedGreenBlue
Decimal 80 111 133
Binary 1010000 1101111 10000101
Octal 120 157 205
Hex 50 6F 85

Monochromatic Colors

#69889e
#82a1b7
#9bbad0
#b4d3e9
#cdecff
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#506f85 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#506F85 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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