#EC975D

#EC975D

Color Values

HEX

#EC975D

RGB

236, 151, 93

HSL

24.3, 79.0%, 64.5%

HSV

24.3, 60.6%, 92.5%

CMYK

0.0%, 36.0%, 60.6%, 7.5%

OKLCH

0.7513 0.1263 53.9

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#EC975D

#5DB2EC

Analogous

#EC5D6B

#ECDE5D

#EC975D

Triadic

#EC975D

#5DEC97

#975DEC

Split Complementary

#EC975D

#5DECDE

#5D6BEC

Tetradic

#EC975D

#6BEC5D

#5DB2EC

#DE5DEC

Color Blindness Simulation

Original

#EC975D

Protanopia

#C7C66B

Deuteranopia

#CCD26E

Tritanopia

#E87679

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EBE1
200
#F8D6BF
300
#F2B991
400
#EB9256
500
#E46C1B
600
#B75715
700
#924511
800
#72360D
900
#532A0E
950
#341A09

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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