#D31D4D

Rose

HEX

RGB

HSL

About #D31D4D Rose

#D31D4D is a rose color. In the RGB color model, it is composed of 211 red, 29 green, and 77 blue. In the HSL color space, it has a hue of 344°, saturation of 76%, and lightness of 47%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

344°

Hue

76%

Saturation

47%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#D31D4D on White
Contrast Ratio5.18:1
AA AA Large AAA
Aa#D31D4D on Black
Contrast Ratio4.05:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D31D4D across different color formats.

FormatValue
HEX#D31D4D
RGBrgb(211, 29, 77)
HSLhsl(344, 76%, 47%)
RGB Decimal211, 29, 77
RGB Percent82.7%, 11.4%, 30.2%
CMYK (approx.)0%, 86%, 64%, 17%

Related Palettes

12 palettes using #D31D4D or similar colors

#C32240#DE6845#E7C179#ECF0AD
#C3225B#DE4F45#E7AE79#F0EAAD
#C3223D#DE6B45#E7C279#EBF0AD
#D92662#E05D52#E8B37D#F0EAA8
#FFF1DC#FFB26B#FF7B54#D63447
#BB01FE#EC13BA#EA154E#EB4614
#4715EA#B905FA#F50ABE#EA154E
#CA3651#C9AA81#A0C451#6AC770
#EC134D#F64009#F9B806#C1F906
#EB14C7#E8175D#ED3712#F2A60D
#EC1351#F23F0D#F2B10D#C3F708
#EA1540#FC4E03#F4C60B#A9E718