#D7142E

Vivid Red

HEX

RGB

HSL

About #D7142E Vivid Red

#D7142E is a vivid red color. In the RGB color model, it is composed of 215 red, 20 green, and 46 blue. In the HSL color space, it has a hue of 352°, saturation of 83%, and lightness of 46%.

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 #D7142E in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

352°

Hue

83%

Saturation

46%

Lightness

Vivid Red

Color Harmonies

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

Accessibility

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

Aa#D7142E on White
Contrast Ratio5.21:1
AA AA Large AAA
Aa#D7142E on Black
Contrast Ratio4.03:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D7142E across different color formats.

FormatValue
HEX#D7142E
RGBrgb(215, 20, 46)
HSLhsl(352, 83%, 46%)
RGB Decimal215, 20, 46
RGB Percent84.3%, 7.8%, 18.0%
CMYK (approx.)0%, 91%, 79%, 16%

Related Palettes

12 palettes using #D7142E or similar colors

#FF0099#E7182D#FB6704#FBE304
#EB1426#EB6E14#F5E10A#95FE01
#CA15EA#E6199E#ED1233#FD5A02
#FFC312#F79F1F#EE5A24#EA2027
#C3222D#DE7A45#E7CD79#E4F0AD
#F6098B#EB141F#E97516#E9DE16
#C32228#DE7F45#E7D179#E2F0AD
#C32235#DE7345#E7C879#E7F0AD
#C32225#DE8245#E7D379#E1F0AD
#EA1540#FC4E03#F4C60B#A9E718
#CF03FC#FB04AD#F00F38#F65409
#E62019#F68709#F3FB04#79E817