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

#FDE0D2

red79% BrightnessWarm

Color Values

HEX
#FDE0D2
RGB
rgb(253, 224, 210)
HSL
hsl(20°, 91%, 91%)
CMYK
cmyk(0%, 11%, 17%, 1%)

Color Harmonies

Complementary

FDE0D2

D2EFFD

Triadic

FDE0D2

D2FDE0

E0D2FD

Analogous

FDD2DA

FDE0D2

FDF5D2

Monochromatic

F67B40

FDE0D2

FFFFFF

Similar Colors

F99D70

FDEBD2

FDD5D2

FFFFFF

FDF5D2

FDD2DA

CSS Snippets

CSS Variables
--color-base: #FDE0D2;
--color-light: #FFFFFF;
--color-dark: #F8996B;
CSS Class
.element {
  color: #FDE0D2;
  background: #F4590F;
  border-color: #F99D70;
}

Contrast Analysis

Sample Text — 16.77:1

The quick brown fox jumps over the lazy dog

On Black16.77:1
On White1.25:1

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

Properties

Brightness79%
Saturation91%
Hue20°
Temp
Warm
LRV
79%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated red color with 79% brightness, 91% saturation, and 91% lightness.