#ECB97C

#ECB97C

Color Values

HEX

#ECB97C

RGB

236, 185, 124

HSL

32.7, 74.7%, 70.6%

HSV

32.7, 47.5%, 92.5%

CMYK

0.0%, 21.6%, 47.5%, 7.5%

OKLCH

0.8184 0.0977 70.8

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#ECB97C

#7CAFEC

Analogous

#EC817C

#E7EC7C

#ECB97C

Triadic

#ECB97C

#7CECB9

#B97CEC

Split Complementary

#ECB97C

#7CE7EC

#817CEC

Tetradic

#ECB97C

#7CEC81

#7CAFEC

#EC7CE7

Color Blindness Simulation

Original

#ECB97C

Protanopia

#D6D58B

Deuteranopia

#D9DD8E

Tritanopia

#E99699

Achromatopsia

#BFBFBF

CSS Usage

background-color: #ECB97C;
color: #ECB97C;
border-color: #ECB97C;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF8F2
100
#F8EEE2
200
#F6DEC1
300
#F0C694
400
#E7A75A
500
#DF8820
600
#B26D1A
700
#8F5715
800
#6F4410
900
#513310
950
#33200A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.8:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026