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

#F58374

red37% BrightnessWarm

Color Values

HEX
#F58374
RGB
rgb(245, 131, 116)
HSL
hsl(7°, 87%, 71%)
CMYK
cmyk(0%, 47%, 53%, 4%)

Color Harmonies

Complementary

F58374

74E6F5

Triadic

F58374

74F583

8374F5

Analogous

F574A6

F58374

F5C374

Monochromatic

C2230E

F58374

FFFFFF

Similar Colors

EE2E15

F5A374

F57485

FCD8D3

F5C374

F574A6

CSS Snippets

CSS Variables
--color-base: #F58374;
--color-light: #FCDCD8;
--color-dark: #ED2B11;
CSS Class
.element {
  color: #F58374;
  background: #921A0B;
  border-color: #EE2E15;
}

Contrast Analysis

Sample Text — 8.38:1

The quick brown fox jumps over the lazy dog

On Black8.38:1
On White2.51:1

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

Properties

Brightness37%
Saturation87%
Hue7°
Temp
Warm
LRV
37%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 37% brightness, 87% saturation, and 71% lightness.