#CC762A

#CC762A

Color Values

HEX

#CC762A

RGB

204, 118, 42

HSL

28.1, 65.9%, 48.2%

HSV

28.1, 79.4%, 80.0%

CMYK

0.0%, 42.2%, 79.4%, 20.0%

OKLCH

0.6484 0.1379 57.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#CC762A

#2A80CC

Analogous

#CC2A2F

#CCC72A

#CC762A

Triadic

#CC762A

#2ACC76

#762ACC

Split Complementary

#CC762A

#2ACCC7

#2A2FCC

Tetradic

#CC762A

#2FCC2A

#2A80CC

#C72ACC

Color Blindness Simulation

Original

#CC762A

Protanopia

#A7A63C

Deuteranopia

#ACB241

Tritanopia

#C84B4E

Achromatopsia

#838383

CSS Usage

background-color: #CC762A;
color: #CC762A;
border-color: #CC762A;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EABF99
400
#DF9D62
500
#D47A2B
600
#A96223
700
#874E1C
800
#6A3D16
900
#4D2F14
950
#311D0C

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

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