#ECE6C1

Accessibility

AAA

16.66:1

Vs white / black

1.26:1 · 16.66:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#ece6c1

RGB

rgb(236, 230, 193)

RGBA

rgba(236, 230, 193, 1)

HSL

hsl(52, 53%, 84%)

HSV

hsv(52, 18%, 93%)

LAB

lab(90.91% -3.93 18.79)

LCH

lch(90.91% 19.2 101.81)

OKLAB

oklab(0.9202 -0.0082 0.0483)

OKLCH

oklch(0.9202 0.049 99.64)

XYZ

xyz(72.51, 78.28, 61.73)

CMYK

cmyk(0%, 3%, 18%, 7%)

CSS

color: #ece6c1;

CSS variable

--color-ece6c1: #ece6c1;

SCSS

$color-ece6c1: #ece6c1;

Tailwind

orange-100

Export

Developer code

:root {
  --#ece6c1-1: #ece6c1;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fdfdfa fcfbf5 faf9f0 f9f7ea f7f5e5 f6f3e0 f4f0db f2eed6 f1ecd1 efeacb eee8c6 ece6c1 d8d3b1 c5c0a1 b1ad91 9d9981 8a8671 767361 626050 4f4d40 3b3a30 272620 141310

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdfdfa fcfbf5 faf9f0 f9f7ea f7f5e5 f6f3e0 f4f0db f2eed6 f1ecd1 efeacb eee8c6

Palette

Shades

Mixed toward black — depth, text, and emphasis

d8d3b1 c5c0a1 b1ad91 9d9981 8a8671 767361 626050 4f4d40 3b3a30 272620 141310

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

e3ddbc dad5b6 d1cdb1 c8c4ab bfbca6 b6b3a1 adab9b a4a296 9b9a90 92918b 898985

Harmony

Complementary

Opposite on the color wheel for contrast

#ECE6C1Stop 1 #C1C6ECStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#ECD0C1Stop 1 #ECE6C1Stop 2 #DCECC1Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#ECE6C1Stop 1 #C1ECE6Stop 2 #E6C1ECStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#ECE6C1Stop 1 #C1DCECStop 2 #D0C1ECStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#4E4718Stop 1 #897C2AStop 2 #C3B13CStop 3 #D5C876Stop 4 #E7E0B1Stop 5

Meaning

Color psychology

Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.

Similar & related colors

Nearby colors from the library by perceptual distance

Tailwind amber 100#FEF3C7 LightGoldenRodYellow#FAFAD2 BlanchedAlmond#FFEBCD Wheat#F5DEB3 LemonChiffon#FFFACD PapayaWhip#FFEFD5 Cornsilk#FFF8DC Beige#F5F5DC Bisque#FFE4C4 Tailwind orange 100#FFEDD5 LightYellow#FFFFE0 AntiqueWhite#FAEBD7