#ABDDDB Information

#ABDDDB color RGB value is (171 , 221 , 219) , HEX triplet: ab, dd and db. RGB value is (171 , 221 , 219). Sum of RGB (Red+Green+Blue) = 171+221+219=611 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 221 (86.67% from 255 or 102.79% from 215); Blue value is 219 (85.88% from 255 or 101.86% from 215); Max value from RGB is 221 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ABDDDB hue: 0.49 , saturation: 0.42 and the lightness value of abdddb is 0.77.

#abdddb
(171 , 221 , 219)
  • R (171)
  • G (221)
  • B (219)
  • C (19.61)
  • M (0)
  • Y (0.78)
  • K (13.33)

Applying the #abdddb

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

#a6d8d6
#a1d3d1
#9ccecc
#97c9c7
#92c4c2
#8dbfbd
#88bab8
#83b5b3
#7eb0ae
#79aba9
#74a6a4
#6fa19f
#b7e9e7
#c3f5f3
#cfffff
#dbffff
#e7ffff
#f3ffff
#ffffff

Color spaces of #abdddb

Type Values
RGB 171 221 219
HSL 0.49 0.42 0.77
HSV 178 23 87
CMYK 19.61 0 0.78 13.33
XYZ 55.4372 65.4853 76.7359
Hunter Lab 80.923 -19.3313 0.4432
CIE-Lab 84.7332 -16.4372 -4.3041

Base Numbers

BaseRedGreenBlue
Decimal 171 221 219
Binary 10101011 11011101 11011011
Octal 253 335 333
Hex AB DD DB

Monochromatic Colors

#c4f6f4
#ddffff
#f6ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#abdddb Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ABDDDB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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