#B45AB8 Information

#B45AB8 color RGB value is (180 , 90 , 184) , HEX triplet: b4, 5a and b8. RGB value is (180 , 90 , 184). Sum of RGB (Red+Green+Blue) = 180+90+184=454 (Red value is 180 (70.59% from 255 or 83.72% from 215); Green value is 90 (35.29% from 255 or 41.86% from 215); Blue value is 184 (72.16% from 255 or 85.58% from 215); Max value from RGB is 184 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #B45AB8 hue: 0.83 , saturation: 0.4 and the lightness value of b45ab8 is 0.54.

#b45ab8
(180 , 90 , 184)
  • R (180)
  • G (90)
  • B (184)
  • C (1.57)
  • M (36.86)
  • Y (0)
  • K (27.84)

Applying the #b45ab8

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

#af55b3
#aa50ae
#a54ba9
#a046a4
#9b419f
#963c9a
#913795
#8c3290
#872d8b
#822886
#7d2381
#781e7c
#c066c4
#cc72d0
#d87edc
#e48ae8
#f096f4
#fca2ff
#ffaeff
#ffbaff
#ffc6ff
#ffd2ff
#ffdeff
#ffeaff

Color spaces of #b45ab8

Type Values
RGB 180 90 184
HSL 0.83 0.4 0.54
HSV 297 51 72
CMYK 1.57 36.86 0 27.84
XYZ 31.1303 20.4763 47.659
Hunter Lab 45.2508 43.6104 -30.7475
CIE-Lab 52.3715 49.9504 -33.9716

Base Numbers

BaseRedGreenBlue
Decimal 180 90 184
Binary 10110100 1011010 10111000
Octal 264 132 270
Hex B4 5A B8

Monochromatic Colors

#cd73d1
#e68cea
#ffa5ff
#ffbeff
#ffd7ff
#fff0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b45ab8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B45AB8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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