#ECB477

#ECB477

Color Values

HEX

#ECB477

RGB

236, 180, 119

HSL

31.3, 75.5%, 69.6%

HSV

31.3, 49.6%, 92.5%

CMYK

0.0%, 23.7%, 49.6%, 7.5%

OKLCH

0.8081 0.1015 68.0

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#ECB477

#77AFEC

Analogous

#EC7977

#E9EC77

#ECB477

Triadic

#ECB477

#77ECB4

#B477EC

Split Complementary

#ECB477

#77E9EC

#7977EC

Tetradic

#ECB477

#77EC79

#77AFEC

#EC77E9

Color Blindness Simulation

Original

#ECB477

Protanopia

#D4D386

Deuteranopia

#D7DB89

Tritanopia

#E99194

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DCC0
300
#F0C494
400
#E8A459
500
#E0841F
600
#B36919
700
#8F5414
800
#704210
900
#513210
950
#33200A

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.36:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026