#DE78A9

Rose

HEX

RGB

HSL

About #DE78A9 Rose

#DE78A9 is a rose color. In the RGB color model, it is composed of 222 red, 120 green, and 169 blue. In the HSL color space, it has a hue of 331°, saturation of 61%, and lightness of 67%.

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 & Gradients

Use #DE78A9 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

331°

Hue

61%

Saturation

67%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#DE78A9 on White
Contrast Ratio2.85:1
AA AA Large AAA
Aa#DE78A9 on Black
Contrast Ratio7.37:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DE78A9 across different color formats.

FormatValue
HEX#DE78A9
RGBrgb(222, 120, 169)
HSLhsl(331, 61%, 67%)
RGB Decimal222, 120, 169
RGB Percent87.1%, 47.1%, 66.3%
CMYK (approx.)0%, 46%, 24%, 13%

Related Palettes

12 palettes using #DE78A9 or similar colors

#9822C3#DE45C7#E779A9#F0ADAE
#9E22C3#DE45C2#E779A5#F0AEAD
#9022C3#DE45CF#E779AE#F0ADB1
#AC26D9#E052C9#E87DAA#F0A8A8
#7123A9#D742CA#E87DAA#F4C2BE
#A322C3#DE45BD#E779A1#F0B0AD
#8B22C3#DE45D4#E779B2#F0ADB3
#A622C3#DE45BA#E7799F#F0B1AD
#691AB2#DF39DC#E283B1#F4BEBE
#8822C3#DE45D6#E779B4#F0ADB5
#D370AF#C78279#C7B74E#7ED04B
#5DAAC2#5052CC#AF53D0#D66CA3