#C64B06

#C64B06

Color Values

HEX

#C64B06

RGB

198, 75, 6

HSL

21.6, 94.1%, 40.0%

HSV

21.6, 97.0%, 77.6%

CMYK

0.0%, 62.1%, 97.0%, 22.4%

OKLCH

0.5721 0.1702 42.0

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C64B06

#0681C6

Analogous

#C60621

#C6AB06

#C64B06

Triadic

#C64B06

#06C64B

#4B06C6

Split Complementary

#C64B06

#06C6AB

#0621C6

Tetradic

#C64B06

#21C606

#0681C6

#AB06C6

Color Blindness Simulation

Original

#C64B06

Protanopia

#919017

Deuteranopia

#98A11B

Tritanopia

#C02427

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FDD2BA
300
#FBB288
400
#F98848
500
#F75E08
600
#C64B06
700
#9E3C05
800
#7C2F04
900
#592507
950
#391705

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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