#59A4DB Information

#59A4DB color RGB value is (89 , 164 , 219) , HEX triplet: 59, a4 and db. RGB value is (89 , 164 , 219). Sum of RGB (Red+Green+Blue) = 89+164+219=472 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 164 (64.31% from 255 or 76.28% 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 #59A4DB hue: 0.57 , saturation: 0.64 and the lightness value of 59a4db is 0.6.

#59a4db
(89 , 164 , 219)
  • R (89)
  • G (164)
  • B (219)
  • C (50.98)
  • M (21.57)
  • Y (0)
  • K (14.12)

Applying the #59a4db

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

#549fd6
#4f9ad1
#4a95cc
#4590c7
#408bc2
#3b86bd
#3681b8
#317cb3
#2c77ae
#2772a9
#226da4
#1d689f
#65b0e7
#71bcf3
#7dc8ff
#89d4ff
#95e0ff
#a1ecff
#adf8ff
#b9ffff
#c5ffff
#d1ffff
#ddffff
#e9ffff

Color spaces of #59a4db

Type Values
RGB 89 164 219
HSL 0.57 0.64 0.6
HSV 205 59 86
CMYK 50.98 21.57 0 14.12
XYZ 30.1815 33.7892 71.9491
Hunter Lab 58.1285 -9.0439 -32.6706
CIE-Lab 64.7949 -7.1365 -34.8998

Base Numbers

BaseRedGreenBlue
Decimal 89 164 219
Binary 1011001 10100100 11011011
Octal 131 244 333
Hex 59 A4 DB

Monochromatic Colors

#72bdf4
#8bd6ff
#a4efff
#bdffff
#d6ffff
#efffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#59a4db Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#59A4DB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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