#C64506

#C64506

Color Values

HEX

#C64506

RGB

198, 69, 6

HSL

19.7, 94.1%, 40.0%

HSV

19.7, 97.0%, 77.6%

CMYK

0.0%, 65.2%, 97.0%, 22.4%

OKLCH

0.5647 0.1751 39.8

Properties

Warm Dark Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#C64506

#0687C6

Analogous

#C60627

#C6A506

#C64506

Triadic

#C64506

#06C645

#4506C6

Split Complementary

#C64506

#06C6A5

#0627C6

Tetradic

#C64506

#27C606

#0687C6

#A506C6

Color Blindness Simulation

Original

#C64506

Protanopia

#8E8D15

Deuteranopia

#969F19

Tritanopia

#C02124

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE8DF
200
#FDD0BA
300
#FBAE88
400
#F98248
500
#F75608
600
#C64506
700
#9E3705
800
#7C2B04
900
#592207
950
#391605

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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