#ECDFB5

#ECDFB5

Color Values

HEX

#ECDFB5

RGB

236, 223, 181

HSL

45.8, 59.1%, 81.8%

HSV

45.8, 23.3%, 92.5%

CMYK

0.0%, 5.5%, 23.3%, 7.5%

OKLCH

0.9036 0.0568 92.9

Properties

Warm Light Nearest: NCS S 0520-Y10R Cream

Color Harmonies

Complementary

#ECDFB5

#B5C2EC

Analogous

#ECC4B5

#DEECB5

#ECDFB5

Triadic

#ECDFB5

#B5ECDF

#DFB5EC

Split Complementary

#ECDFB5

#B5DEEC

#C4B5EC

Tetradic

#ECDFB5

#B5ECC4

#B5C2EC

#ECB5DE

Color Blindness Simulation

Original

#ECDFB5

Protanopia

#E6E6BF

Deuteranopia

#E7E8C2

Tritanopia

#EBC7C9

Achromatopsia

#DFDFDF

CSS Usage

background-color: #ECDFB5;
color: #ECDFB5;
border-color: #ECDFB5;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FBF9F4
100
#F6F2E4
200
#F0E6C6
300
#E6D59E
400
#D8BE69
500
#CBA734
600
#A2862A
700
#826B21
800
#65541A
900
#4A3E17
950
#2F270E

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.79:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026