#C64D06

#C64D06

Color Values

HEX

#C64D06

RGB

198, 77, 6

HSL

22.2, 94.1%, 40.0%

HSV

22.2, 97.0%, 77.6%

CMYK

0.0%, 61.1%, 97.0%, 22.4%

OKLCH

0.5747 0.1685 42.8

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C64D06

#067FC6

Analogous

#C6061F

#C6AD06

#C64D06

Triadic

#C64D06

#06C64D

#4D06C6

Split Complementary

#C64D06

#06C6AD

#061FC6

Tetradic

#C64D06

#1FC606

#067FC6

#AD06C6

Color Blindness Simulation

Original

#C64D06

Protanopia

#929117

Deuteranopia

#99A21B

Tritanopia

#C02528

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FDD3BA
300
#FBB388
400
#F98A48
500
#F76008
600
#C64D06
700
#9E3E05
800
#7C3004
900
#592607
950
#391805

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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