#B48DDC Information

#B48DDC color RGB value is (180 , 141 , 220) , HEX triplet: b4, 8d and dc. RGB value is (180 , 141 , 220). Sum of RGB (Red+Green+Blue) = 180+141+220=541 (Red value is 180 (70.59% from 255 or 83.72% from 215); Green value is 141 (55.29% from 255 or 65.58% from 215); Blue value is 220 (86.27% from 255 or 102.33% from 215); Max value from RGB is 220 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #B48DDC hue: 0.75 , saturation: 0.53 and the lightness value of b48ddc is 0.71.

#b48ddc
(180 , 141 , 220)
  • R (180)
  • G (141)
  • B (220)
  • C (15.69)
  • M (30.98)
  • Y (0)
  • K (13.73)

Applying the #b48ddc

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

#af88d7
#aa83d2
#a57ecd
#a079c8
#9b74c3
#966fbe
#916ab9
#8c65b4
#8760af
#825baa
#7d56a5
#7851a0
#c099e8
#cca5f4
#d8b1ff
#e4bdff
#f0c9ff
#fcd5ff
#ffe1ff
#ffedff
#fff9ff
#ffffff

Color spaces of #b48ddc

Type Values
RGB 180 141 220
HSL 0.75 0.53 0.71
HSV 270 36 86
CMYK 15.69 30.98 0 13.73
XYZ 41.2655 33.9204 72.0825
Hunter Lab 58.2412 24.5505 -32.5856
CIE-Lab 64.8993 29.9011 -34.8275

Base Numbers

BaseRedGreenBlue
Decimal 180 141 220
Binary 10110100 10001101 11011100
Octal 264 215 334
Hex B4 8D DC

Monochromatic Colors

#cda6f5
#e6bfff
#ffd8ff
#fff1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#b48ddc Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#B48DDC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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