#BB71DA Information

#BB71DA color RGB value is (187 , 113 , 218) , HEX triplet: bb, 71 and da. RGB value is (187 , 113 , 218). Sum of RGB (Red+Green+Blue) = 187+113+218=518 (Red value is 187 (73.33% from 255 or 86.98% from 215); Green value is 113 (44.31% from 255 or 52.56% 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 #BB71DA hue: 0.78 , saturation: 0.59 and the lightness value of bb71da is 0.65.

#bb71da
(187 , 113 , 218)
  • R (187)
  • G (113)
  • B (218)
  • C (12.16)
  • M (41.18)
  • Y (0)
  • K (14.51)

Applying the #bb71da

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

#b66cd5
#b167d0
#ac62cb
#a75dc6
#a258c1
#9d53bc
#984eb7
#9349b2
#8e44ad
#893fa8
#843aa3
#7f359e
#c77de6
#d389f2
#df95fe
#eba1ff
#f7adff
#ffb9ff
#ffc5ff
#ffd1ff
#ffddff
#ffe9ff
#fff5ff
#ffffff

Color spaces of #bb71da

Type Values
RGB 187 113 218
HSL 0.78 0.59 0.65
HSV 282 48 85
CMYK 12.16 41.18 0 14.51
XYZ 39.0535 27.437 69.5672
Hunter Lab 52.3803 41.4199 -42.0495
CIE-Lab 59.3767 46.8161 -42.2977

Base Numbers

BaseRedGreenBlue
Decimal 187 113 218
Binary 10111011 1110001 11011010
Octal 273 161 332
Hex BB 71 DA

Monochromatic Colors

#d48af3
#eda3ff
#ffbcff
#ffd5ff
#ffeeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#bb71da Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#BB71DA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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