#ECDD98

#ECDD98

Color Values

HEX

#ECDD98

RGB

236, 221, 152

HSL

49.3, 68.9%, 76.1%

HSV

49.3, 35.6%, 92.5%

CMYK

0.0%, 6.4%, 35.6%, 7.5%

OKLCH

0.8939 0.0893 97.4

Properties

Warm Light Nearest: RAL 1015 Light Ivory

Color Harmonies

Complementary

#ECDD98

#98A7EC

Analogous

#ECB398

#D1EC98

#ECDD98

Triadic

#ECDD98

#98ECDD

#DD98EC

Split Complementary

#ECDD98

#98D1EC

#B398EC

Tetradic

#ECDD98

#98ECB3

#98A7EC

#EC98D1

Color Blindness Simulation

Original

#ECDD98

Protanopia

#E6E5A9

Deuteranopia

#E6E8AD

Tritanopia

#EBB6B9

Achromatopsia

#DBDBDB

CSS Usage

background-color: #ECDD98;
color: #ECDD98;
border-color: #ECDD98;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFAF3
100
#F8F4E3
200
#F4EBC3
300
#ECDD98
400
#E2CA60
500
#D7B828
600
#AC9320
700
#8A7619
800
#6C5C14
900
#4E4412
950
#322B0C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.36: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