#ECB474

#ECB474

Color Values

HEX

#ECB474

RGB

236, 180, 116

HSL

32.0, 75.9%, 69.0%

HSV

32.0, 50.8%, 92.5%

CMYK

0.0%, 23.7%, 50.8%, 7.5%

OKLCH

0.8076 0.104 69.2

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#ECB474

#74ACEC

Analogous

#EC7874

#E8EC74

#ECB474

Triadic

#ECB474

#74ECB4

#B474EC

Split Complementary

#ECB474

#74E8EC

#7874EC

Tetradic

#ECB474

#74EC78

#74ACEC

#EC74E8

Color Blindness Simulation

Original

#ECB474

Protanopia

#D4D383

Deuteranopia

#D7DB87

Tritanopia

#E99092

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DDC0
300
#F0C593
400
#E8A559
500
#E0861F
600
#B36B19
700
#905614
800
#70430F
900
#52330F
950
#34200A

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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