#C64C06

#C64C06

Color Values

HEX

#C64C06

RGB

198, 76, 6

HSL

21.9, 94.1%, 40.0%

HSV

21.9, 97.0%, 77.6%

CMYK

0.0%, 61.6%, 97.0%, 22.4%

OKLCH

0.5734 0.1693 42.4

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C64C06

#0680C6

Analogous

#C60620

#C6AC06

#C64C06

Triadic

#C64C06

#06C64C

#4C06C6

Split Complementary

#C64C06

#06C6AC

#0620C6

Tetradic

#C64C06

#20C606

#0680C6

#AC06C6

Color Blindness Simulation

Original

#C64C06

Protanopia

#919017

Deuteranopia

#98A11B

Tritanopia

#C02427

Achromatopsia

#616161

CSS Usage

background-color: #C64C06;
color: #C64C06;
border-color: #C64C06;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FDD2BA
300
#FBB288
400
#F98948
500
#F75F08
600
#C64C06
700
#9E3D05
800
#7C3004
900
#592507
950
#391805

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

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