#ECBF71

#ECBF71

Color Values

HEX

#ECBF71

RGB

236, 191, 113

HSL

38.0, 76.4%, 68.4%

HSV

38.0, 52.1%, 92.5%

CMYK

0.0%, 19.1%, 52.1%, 7.5%

OKLCH

0.8282 0.1093 80.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#ECBF71

#719EEC

Analogous

#EC8171

#DCEC71

#ECBF71

Triadic

#ECBF71

#71ECBF

#BF71EC

Split Complementary

#ECBF71

#71DCEC

#8171EC

Tetradic

#ECBF71

#71EC81

#719EEC

#EC71DC

Color Blindness Simulation

Original

#ECBF71

Protanopia

#D9D884

Deuteranopia

#DBDE88

Tritanopia

#EA9396

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F0E2
200
#F7E3C0
300
#F1CE93
400
#E9B459
500
#E1991E
600
#B47B18
700
#906213
800
#704D0F
900
#52390F
950
#34240A

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.26:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026