#ECB975

#ECB975

Color Values

HEX

#ECB975

RGB

236, 185, 117

HSL

34,3, 75,8%, 69,2%

HSV

34,3, 50,4%, 92,5%

CMYK

0,0%, 21,6%, 50,4%, 7,5%

OKLCH

0,8173 0,1039 73,5

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#ECB975

#75A8EC

Analogous

#EC7D75

#E3EC75

#ECB975

Triadic

#ECB975

#75ECB9

#B975EC

Split Complementary

#ECB975

#75E3EC

#7D75EC

Tetradic

#ECB975

#75EC7D

#75A8EC

#EC75E3

Color Blindness Simulation

Original

#ECB975

Protanopia

#D6D585

Deuteranopia

#D9DD89

Tritanopia

#E99295

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6DFC0
300
#F0C893
400
#E8AB59
500
#E08D1F
600
#B37119
700
#8F5A14
800
#70470F
900
#52350F
950
#33220A

Contrast Checker

Text on white

1,79:1

AA Fail AAA Fail

Text on black

11,76: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