#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026