#509CDB Information

#509CDB color RGB value is (80 , 156 , 219) , HEX triplet: 50, 9c and db. RGB value is (80 , 156 , 219). Sum of RGB (Red+Green+Blue) = 80+156+219=455 (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 219 (85.88% from 255 or 101.86% from 215); Max value from RGB is 219 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #509CDB hue: 0.58 , saturation: 0.66 and the lightness value of 509cdb is 0.59.

#509cdb
(80 , 156 , 219)
  • R (80)
  • G (156)
  • B (219)
  • C (54.51)
  • M (24.71)
  • Y (0)
  • K (14.12)

Applying the #509cdb

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

#4b97d6
#4692d1
#418dcc
#3c88c7
#3783c2
#327ebd
#2d79b8
#2874b3
#236fae
#1e6aa9
#1965a4
#14609f
#5ca8e7
#68b4f3
#74c0ff
#80ccff
#8cd8ff
#98e4ff
#a4f0ff
#b0fcff
#bcffff
#c8ffff
#d4ffff
#e0ffff

Color spaces of #509cdb

Type Values
RGB 80 156 219
HSL 0.58 0.66 0.59
HSV 207 63 86
CMYK 54.51 24.71 0 14.12
XYZ 27.9829 30.5969 71.4488
Hunter Lab 55.3144 -6.499 -37.8364
CIE-Lab 62.1658 -4.2968 -39.028

Base Numbers

BaseRedGreenBlue
Decimal 80 156 219
Binary 1010000 10011100 11011011
Octal 120 234 333
Hex 50 9C DB

Monochromatic Colors

#69b5f4
#82ceff
#9be7ff
#b4ffff
#cdffff
#e6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#509cdb Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#509CDB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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