#D680A5

Rose

HEX

RGB

HSL

About #D680A5 Rose

#D680A5 is a rose color. In the RGB color model, it is composed of 214 red, 128 green, and 165 blue. In the HSL color space, it has a hue of 334°, saturation of 51%, 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

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

Color Properties

334°

Hue

51%

Saturation

67%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#D680A5 on White
Contrast Ratio2.8:1
AA AA Large AAA
Aa#D680A5 on Black
Contrast Ratio7.49:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D680A5 across different color formats.

FormatValue
HEX#D680A5
RGBrgb(214, 128, 165)
HSLhsl(334, 51%, 67%)
RGB Decimal214, 128, 165
RGB Percent83.9%, 50.2%, 64.7%
CMYK (approx.)0%, 40%, 23%, 16%

Related Palettes

12 palettes using #D680A5 or similar colors

#D0769D#CD6F43#BDC647#7FD06D
#CE7B98#C27846#C1CC7E#59B74E
#691AB2#DF39DC#E283B1#F4BEBE
#9018B4#DA3EB1#E28399#F0CEC1
#8924A8#E137B4#E38299#F2CDC0
#9E22C3#DE45C2#E779A5#F0AEAD
#9822C3#DE45C7#E779A9#F0ADAE
#A322C3#DE45BD#E779A1#F0B0AD
#AC26D9#E052C9#E87DAA#F0A8A8
#7123A9#D742CA#E87DAA#F4C2BE
#D370AF#C78279#C7B74E#7ED04B
#A622C3#DE45BA#E7799F#F0B1AD