#509CA4 Information

#509CA4 color RGB value is (80 , 156 , 164) , HEX triplet: 50, 9c and a4. RGB value is (80 , 156 , 164). Sum of RGB (Red+Green+Blue) = 80+156+164=400 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 156 (61.18% from 255 or 72.56% from 215); Blue value is 164 (64.31% from 255 or 76.28% from 215); Max value from RGB is 164 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #509CA4 hue: 0.52 , saturation: 0.34 and the lightness value of 509ca4 is 0.48.

#509ca4
(80 , 156 , 164)
  • R (80)
  • G (156)
  • B (164)
  • C (32.94)
  • M (3.14)
  • Y (0)
  • K (35.69)

Applying the #509ca4

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

#4b979f
#46929a
#418d95
#3c8890
#37838b
#327e86
#2d7981
#28747c
#236f77
#1e6a72
#19656d
#146068
#5ca8b0
#68b4bc
#74c0c8
#80ccd4
#8cd8e0
#98e4ec
#a4f0f8
#b0fcff
#bcffff
#c8ffff
#d4ffff
#e0ffff

Color spaces of #509ca4

Type Values
RGB 80 156 164
HSL 0.52 0.34 0.48
HSV 186 51 64
CMYK 32.94 3.14 0 35.69
XYZ 21.8976 28.1627 39.4038
Hunter Lab 53.0686 -19.2156 -6.8599
CIE-Lab 60.0355 -21.2212 -11.4288

Base Numbers

BaseRedGreenBlue
Decimal 80 156 164
Binary 1010000 10011100 10100100
Octal 120 234 244
Hex 50 9C A4

Monochromatic Colors

#69b5bd
#82ced6
#9be7ef
#b4ffff
#cdffff
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#509ca4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#509CA4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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