#B9ABDA Information

#B9ABDA color RGB value is (185 , 171 , 218) , HEX triplet: b9, ab and da. RGB value is (185 , 171 , 218). Sum of RGB (Red+Green+Blue) = 185+171+218=574 (Red value is 185 (72.55% from 255 or 86.05% from 215); Green value is 171 (67.06% from 255 or 79.53% from 215); Blue value is 218 (85.49% from 255 or 101.4% from 215); Max value from RGB is 218 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #B9ABDA hue: 0.72 , saturation: 0.39 and the lightness value of b9abda is 0.76.

#b9abda
(185 , 171 , 218)
  • R (185)
  • G (171)
  • B (218)
  • C (12.94)
  • M (18.43)
  • Y (0)
  • K (14.51)

Applying the #b9abda

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

#b4a6d5
#afa1d0
#aa9ccb
#a597c6
#a092c1
#9b8dbc
#9688b7
#9183b2
#8c7ead
#8779a8
#8274a3
#7d6f9e
#c5b7e6
#d1c3f2
#ddcffe
#e9dbff
#f5e7ff
#fff3ff
#ffffff

Color spaces of #b9abda

Type Values
RGB 185 171 218
HSL 0.72 0.39 0.76
HSV 258 22 85
CMYK 12.94 18.43 0 14.51
XYZ 47.2254 44.5021 72.4304
Hunter Lab 66.7099 9.6221 -17.6547
CIE-Lab 72.5628 14.2825 -21.8945

Base Numbers

BaseRedGreenBlue
Decimal 185 171 218
Binary 10111001 10101011 11011010
Octal 271 253 332
Hex B9 AB DA

Monochromatic Colors

#d2c4f3
#ebddff
#fff6ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b9abda Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B9ABDA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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