#ECEAA0

#ECEAA0

Color Values

HEX

#ECEAA0

RGB

236, 234, 160

HSL

58.4, 66.7%, 77.6%

HSV

58.4, 32.2%, 92.5%

CMYK

0.0%, 0.8%, 32.2%, 7.5%

OKLCH

0.9216 0.094 106.8

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#ECEAA0

#A0A2EC

Analogous

#ECC4A0

#C8ECA0

#ECEAA0

Triadic

#ECEAA0

#A0ECEA

#EAA0EC

Split Complementary

#ECEAA0

#A0C8EC

#C4A0EC

Tetradic

#ECEAA0

#A0ECC4

#A0A2EC

#ECA0C8

Color Blindness Simulation

Original

#ECEAA0

Protanopia

#EBEBB2

Deuteranopia

#EBEBB6

Tritanopia

#ECC0C3

Achromatopsia

#E5E5E5

CSS Usage

background-color: #ECEAA0;
color: #ECEAA0;
border-color: #ECEAA0;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F2C3
300
#EBE899
400
#E0DC62
500
#D5D02A
600
#AAA622
700
#88851B
800
#6A6815
900
#4E4C13
950
#31300C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026