#C64F06

#C64F06

Color Values

HEX

#C64F06

RGB

198, 79, 6

HSL

22.8, 94.1%, 40.0%

HSV

22.8, 97.0%, 77.6%

CMYK

0.0%, 60.1%, 97.0%, 22.4%

OKLCH

0.5774 0.1669 43.6

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C64F06

#067DC6

Analogous

#C6061D

#C6AF06

#C64F06

Triadic

#C64F06

#06C64F

#4F06C6

Split Complementary

#C64F06

#06C6AF

#061DC6

Tetradic

#C64F06

#1DC606

#067DC6

#AF06C6

Color Blindness Simulation

Original

#C64F06

Protanopia

#929118

Deuteranopia

#99A21C

Tritanopia

#C02629

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FDD3BA
300
#FBB488
400
#F98B48
500
#F76308
600
#C64F06
700
#9E3F05
800
#7C3104
900
#592707
950
#391805

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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