#DF3A45

Red

HEX

RGB

HSL

About #DF3A45 Red

#DF3A45 is a red color. In the RGB color model, it is composed of 223 red, 58 green, and 69 blue. In the HSL color space, it has a hue of 356°, saturation of 72%, and lightness of 55%.

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

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

Color Properties

356°

Hue

72%

Saturation

55%

Lightness

Red

Color Harmonies

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

Accessibility

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

Aa#DF3A45 on White
Contrast Ratio4.35:1
AA AA Large AAA
Aa#DF3A45 on Black
Contrast Ratio4.83:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DF3A45 across different color formats.

FormatValue
HEX#DF3A45
RGBrgb(223, 58, 69)
HSLhsl(356, 72%, 55%)
RGB Decimal223, 58, 69
RGB Percent87.5%, 22.7%, 27.1%
CMYK (approx.)0%, 74%, 69%, 13%

Related Palettes

12 palettes using #DF3A45 or similar colors

#B21A75#E33547#E3A982#F2EDBF
#AE1E68#DB3E40#EEB177#F5F4BC
#A42874#E1384C#E1A884#F5EEBD
#B41878#E33549#ECA579#F3EDBE
#A82471#DB3E4B#EAA97B#F6F1BC
#B6167B#E3354C#E5A580#F4EDBD
#B51776#DB3E4D#E4A981#F3EDBF
#B11B70#E53440#E9AB7C#F2EFBF
#FFF1DC#FFB26B#FF7B54#D63447
#AC2061#DE403B#E3B682#EFF1C1
#AE1E77#DB3D50#EDA578#F4EEBD
#C3226B#DE454A#E7A379#F0E3AD