#ECEDD6

#ECEDD6

Color Values

HEX

#ECEDD6

RGB

236, 237, 214

HSL

62.6, 39.0%, 88.4%

HSV

62.6, 9.7%, 92.9%

CMYK

0.4%, 0.0%, 9.7%, 7.1%

OKLCH

0.9392 0.0304 109.0

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#ECEDD6

#D7D6ED

Analogous

#EDE2D6

#E0EDD6

#ECEDD6

Triadic

#ECEDD6

#D6ECED

#EDD6EC

Split Complementary

#ECEDD6

#D6E0ED

#E2D6ED

Tetradic

#ECEDD6

#D6EDE2

#D7D6ED

#EDD6E0

Color Blindness Simulation

Original

#ECEDD6

Protanopia

#ECECDC

Deuteranopia

#ECECDD

Tritanopia

#ECE0E1

Achromatopsia

#EBEBEB

CSS Usage

background-color: #ECEDD6;
color: #ECEDD6;
border-color: #ECEDD6;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E8E9CD
300
#D8DAAA
400
#C2C57C
500
#ADB14E
600
#8A8E3E
700
#6F7132
800
#565927
900
#40411F
950
#282914

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026