#DEBBF4 Information

#DEBBF4 color RGB value is (222 , 187 , 244) , HEX triplet: de, bb and f4. RGB value is (222 , 187 , 244). Sum of RGB (Red+Green+Blue) = 222+187+244=653 (Red value is 222 (87.06% from 255 or 103.26% from 215); Green value is 187 (73.33% from 255 or 86.98% from 215); Blue value is 244 (95.69% from 255 or 113.49% from 215); Max value from RGB is 244 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #DEBBF4 hue: 0.77 , saturation: 0.72 and the lightness value of debbf4 is 0.85.

#debbf4
(222 , 187 , 244)
  • R (222)
  • G (187)
  • B (244)
  • C (8.63)
  • M (22.35)
  • Y (0)
  • K (4.31)

Applying the #debbf4

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.

Color spaces of #debbf4

Type Values
RGB 222 187 244
HSL 0.77 0.72 0.85
HSV 277 23 96
CMYK 8.63 22.35 0 4.31
XYZ 64.2237 57.6019 93.3213
Hunter Lab 75.8959 18.2304 -19.7499
CIE-Lab 80.5169 22.7338 -23.5696

Base Numbers

BaseRedGreenBlue
Decimal 222 187 244
Binary 11011110 10111011 11110100
Octal 336 273 364
Hex DE BB F4

Monochromatic Colors

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#debbf4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DEBBF4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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