#ECC49D

#ECC49D

Color Values

HEX

#ECC49D

RGB

236, 196, 157

HSL

29.6, 67.5%, 77.1%

HSV

29.6, 33.5%, 92.5%

CMYK

0.0%, 16.9%, 33.5%, 7.5%

OKLCH

0.8456 0.069 65.9

Properties

Warm Light Nearest: NCS S 0520-Y50R Salmon

Color Harmonies

Complementary

#ECC49D

#9DC5EC

Analogous

#EC9D9E

#ECEB9D

#ECC49D

Triadic

#ECC49D

#9DECC4

#C49DEC

Split Complementary

#ECC49D

#9DECEB

#9D9EEC

Tetradic

#ECC49D

#9EEC9D

#9DC5EC

#EB9DEC

Color Blindness Simulation

Original

#ECC49D

Protanopia

#DBDAA6

Deuteranopia

#DDE0A9

Tritanopia

#EAAEB0

Achromatopsia

#CACACA

CSS Usage

background-color: #ECC49D;
color: #ECC49D;
border-color: #ECC49D;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DBC3
300
#EBC198
400
#E0A061
500
#D67E29
600
#AB6521
700
#89511B
800
#6B3F15
900
#4E3013
950
#311E0C

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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