#B21196 Information

#B21196 color RGB value is (178 , 17 , 150) , HEX triplet: b2, 11 and 96. RGB value is (178 , 17 , 150). Sum of RGB (Red+Green+Blue) = 178+17+150=345 (Red value is 178 (69.8% from 255 or 82.79% from 215); Green value is 17 (6.67% from 255 or 7.91% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 178 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #B21196 hue: 0.86 , saturation: 0.83 and the lightness value of b21196 is 0.38.

#b21196
(178 , 17 , 150)
  • R (178)
  • G (17)
  • B (150)
  • C (0)
  • M (63.14)
  • Y (10.98)
  • K (30.2)

Applying the #b21196

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

#ad0c91
#a8078c
#a30287
#9e0082
#99007d
#940078
#8f0073
#8a006e
#850069
#800064
#7b005f
#76005a
#be1da2
#ca29ae
#d635ba
#e241c6
#ee4dd2
#fa59de
#ff65ea
#ff71f6
#ff7dff
#ff89ff
#ff95ff
#ffa1ff

Color spaces of #b21196

Type Values
RGB 178 17 150
HSL 0.86 0.83 0.38
HSV 310 90 70
CMYK 0 63.14 10.98 30.2
XYZ 24.0656 12.0679 29.9151
Hunter Lab 34.7389 62.864 -26.7216
CIE-Lab 41.3238 69.2316 -31.1848

Base Numbers

BaseRedGreenBlue
Decimal 178 17 150
Binary 10110010 10001 10010110
Octal 262 21 226
Hex B2 11 96

Monochromatic Colors

#cb2aaf
#e443c8
#fd5ce1
#ff75fa
#ff8eff
#ffa7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b21196 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B21196 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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