#DE87B3

Rose

HEX

RGB

HSL

About #DE87B3 Rose

#DE87B3 is a rose color. In the RGB color model, it is composed of 222 red, 135 green, and 179 blue. In the HSL color space, it has a hue of 330°, saturation of 57%, and lightness of 70%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #DE87B3 in your CSS, SCSS, or Tailwind projects.

Color Properties

330°

Hue

57%

Saturation

70%

Lightness

Rose

Color Harmonies

Colors that work well with #DE87B3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #DE87B3 against white and black backgrounds.

Aa#DE87B3 on White
Contrast Ratio2.55:1
AA AA Large AAA
Aa#DE87B3 on Black
Contrast Ratio8.22:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DE87B3 across different color formats.

FormatValue
HEX#DE87B3
RGBrgb(222, 135, 179)
HSLhsl(330, 57%, 70%)
RGB Decimal222, 135, 179
RGB Percent87.1%, 52.9%, 70.2%
CMYK (approx.)0%, 39%, 19%, 13%

Related Palettes

12 palettes using #DE87B3 or similar colors

#691AB2#DF39DC#E283B1#F4BEBE
#5C1FAD#CD41D7#E67FB9#F2BFC3
#581FAD#D531E8#E77EBD#F3BEC4
#8822C3#DE45D6#E779B4#F0ADB5
#8B22C3#DE45D4#E779B2#F0ADB3
#AC26D9#E052C9#E87DAA#F0A8A8
#7123A9#D742CA#E87DAA#F4C2BE
#9022C3#DE45CF#E779AE#F0ADB1
#4615B7#BC3CDC#E184C5#F4BDC8
#9822C3#DE45C7#E779A9#F0ADAE
#E69AB2#EAA8A7#EBC0A8#E5CFA1
#7522C3#D445DE#E779C1#F0ADBC