#ECBC7A

#ECBC7A

Color Values

HEX

#ECBC7A

RGB

236, 188, 122

HSL

34.7, 75.0%, 70.2%

HSV

34.7, 48.3%, 92.5%

CMYK

0.0%, 20.3%, 48.3%, 7.5%

OKLCH

0.8238 0.1001 74.5

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#ECBC7A

#7AAAEC

Analogous

#EC837A

#E3EC7A

#ECBC7A

Triadic

#ECBC7A

#7AECBC

#BC7AEC

Split Complementary

#ECBC7A

#7AE3EC

#837AEC

Tetradic

#ECBC7A

#7AEC83

#7AAAEC

#EC7AE3

Color Blindness Simulation

Original

#ECBC7A

Protanopia

#D7D78A

Deuteranopia

#DADE8E

Tritanopia

#EA9799

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6DFC1
300
#F0C994
400
#E7AC5A
500
#DF8E20
600
#B37219
700
#8F5B14
800
#704710
900
#513610
950
#33220A

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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