#B441DF Information

#B441DF color RGB value is (180 , 65 , 223) , HEX triplet: b4, 41 and df. RGB value is (180 , 65 , 223). Sum of RGB (Red+Green+Blue) = 180+65+223=468 (Red value is 180 (70.59% from 255 or 83.72% from 215); Green value is 65 (25.49% from 255 or 30.23% from 215); Blue value is 223 (87.45% from 255 or 103.72% from 215); Max value from RGB is 223 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #B441DF hue: 0.79 , saturation: 0.71 and the lightness value of b441df is 0.56.

#b441df
(180 , 65 , 223)
  • R (180)
  • G (65)
  • B (223)
  • C (16.86)
  • M (61.96)
  • Y (0)
  • K (12.55)

Applying the #b441df

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

#af3cda
#aa37d5
#a532d0
#a02dcb
#9b28c6
#9623c1
#911ebc
#8c19b7
#8714b2
#820fad
#7d0aa8
#7805a3
#c04deb
#cc59f7
#d865ff
#e471ff
#f07dff
#fc89ff
#ff95ff
#ffa1ff
#ffadff
#ffb9ff
#ffc5ff
#ffd1ff

Color spaces of #b441df

Type Values
RGB 180 65 223
HSL 0.79 0.71 0.56
HSV 284 71 87
CMYK 16.86 61.96 0 12.55
XYZ 34.032 18.8116 71.6494
Hunter Lab 43.3723 64.1579 -67.5485
CIE-Lab 50.4661 68.5557 -59.3625

Base Numbers

BaseRedGreenBlue
Decimal 180 65 223
Binary 10110100 1000001 11011111
Octal 264 101 337
Hex B4 41 DF

Monochromatic Colors

#cd5af8
#e673ff
#ff8cff
#ffa5ff
#ffbeff
#ffd7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b441df Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B441DF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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