#DF362A

Red

HEX

RGB

HSL

About #DF362A Red

#DF362A is a red color. In the RGB color model, it is composed of 223 red, 54 green, and 42 blue. In the HSL color space, it has a hue of 4°, saturation of 74%, and lightness of 52%.

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 #DF362A in your CSS, SCSS, or Tailwind projects.

Color Properties

4°

Hue

74%

Saturation

52%

Lightness

Red

Color Harmonies

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

Accessibility

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

Aa#DF362A on White
Contrast Ratio4.47:1
AA AA Large AAA
Aa#DF362A on Black
Contrast Ratio4.7:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DF362A across different color formats.

FormatValue
HEX#DF362A
RGBrgb(223, 54, 42)
HSLhsl(4, 74%, 52%)
RGB Decimal223, 54, 42
RGB Percent87.5%, 21.2%, 16.5%
CMYK (approx.)0%, 76%, 81%, 13%

Related Palettes

12 palettes using #DF362A or similar colors

#B3195E#E43D35#E9B87C#EEF0C1
#B81456#E24836#E2BC83#ECF1C1
#F8076B#E62A19#EF9210#DDF00F
#B11B70#E53440#E9AB7C#F2EFBF
#AE1E68#DB3E40#EEB177#F5F4BC
#A825F4#71F425#F44125#25D8F4
#FFC312#F79F1F#EE5A24#EA2027
#A62653#E44F34#E3C182#EBF3BE
#F9351F#1FE3F9#76F91F#A21FF9
#C33522#DE9645#E7E279#D8F0AD
#F92E1F#1FEBF9#7EF91F#9B1FF9
#F1C40F#E67E22#E74C3C#95A5A6