#E03C31 color preview — HEX, RGB and HSL values on Dopely

#E03C31

red19% BrightnessWarm

Color Values

HEX
#E03C31
RGB
rgb(224, 60, 49)
HSL
hsl(4°, 74%, 54%)
CMYK
cmyk(0%, 73%, 78%, 12%)

Color Harmonies

Complementary

E03C31

31D5E0

Triadic

E03C31

31E03C

3C31E0

Analogous

E0317D

E03C31

E09331

Monochromatic

681510

E03C31

F4BAB6

Similar Colors

951E16

E06831

E03152

ED908A

E09331

E0317D

CSS Snippets

CSS Variables
--color-base: #E03C31;
--color-light: #EE948E;
--color-dark: #901D16;
CSS Class
.element {
  color: #E03C31;
  background: #3C0C09;
  border-color: #951E16;
}

Contrast Analysis

Sample Text — 4.86:1

The quick brown fox jumps over the lazy dog

On Black4.86:1
On White4.32:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness19%
Saturation74%
Hue4°
Temp
Warm
LRV
19%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 19% brightness, 74% saturation, and 54% lightness.