#C55007

#C55007

Color Values

HEX

#C55007

RGB

197, 80, 7

HSL

23.1, 93.1%, 40.0%

HSV

23.1, 96.4%, 77.3%

CMYK

0.0%, 59.4%, 96.4%, 22.7%

OKLCH

0.5772 0.165 44.1

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C55007

#077CC5

Analogous

#C5071D

#C5AF07

#C55007

Triadic

#C55007

#07C550

#5007C5

Split Complementary

#C55007

#07C5AF

#071DC5

Tetradic

#C55007

#1DC507

#077CC5

#AF07C5

Color Blindness Simulation

Original

#C55007

Protanopia

#929119

Deuteranopia

#99A21D

Tritanopia

#BF272A

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FDD4BA
300
#FBB589
400
#F88C49
500
#F66409
600
#C55007
700
#9E4006
800
#7B3204
900
#592708
950
#381905

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