#508CB9 Information

#508CB9 color RGB value is (80 , 140 , 185) , HEX triplet: 50, 8c and b9. RGB value is (80 , 140 , 185). Sum of RGB (Red+Green+Blue) = 80+140+185=405 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 140 (54.9% from 255 or 65.12% from 215); Blue value is 185 (72.55% from 255 or 86.05% from 215); Max value from RGB is 185 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #508CB9 hue: 0.57 , saturation: 0.43 and the lightness value of 508cb9 is 0.52.

#508cb9
(80 , 140 , 185)
  • R (80)
  • G (140)
  • B (185)
  • C (41.18)
  • M (17.65)
  • Y (0)
  • K (27.45)

Applying the #508cb9

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

#4b87b4
#4682af
#417daa
#3c78a5
#3773a0
#326e9b
#2d6996
#286491
#235f8c
#1e5a87
#195582
#14507d
#5c98c5
#68a4d1
#74b0dd
#80bce9
#8cc8f5
#98d4ff
#a4e0ff
#b0ecff
#bcf8ff
#c8ffff
#d4ffff
#e0ffff

Color spaces of #508cb9

Type Values
RGB 80 140 185
HSL 0.57 0.43 0.52
HSV 206 57 73
CMYK 41.18 17.65 0 27.45
XYZ 21.4433 23.9644 49.3944
Hunter Lab 48.9535 -7.4792 -25.5353
CIE-Lab 56.0522 -6.1861 -29.4469

Base Numbers

BaseRedGreenBlue
Decimal 80 140 185
Binary 1010000 10001100 10111001
Octal 120 214 271
Hex 50 8C B9

Monochromatic Colors

#69a5d2
#82beeb
#9bd7ff
#b4f0ff
#cdffff
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#508cb9 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#508CB9 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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