#C54F07

#C54F07

Color Values

HEX

#C54F07

RGB

197, 79, 7

HSL

22.7, 93.1%, 40.0%

HSV

22.7, 96.4%, 77.3%

CMYK

0.0%, 59.9%, 96.4%, 22.7%

OKLCH

0.5758 0.1658 43.7

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C54F07

#077DC5

Analogous

#C5071E

#C5AE07

#C54F07

Triadic

#C54F07

#07C54F

#4F07C5

Split Complementary

#C54F07

#07C5AE

#071EC5

Tetradic

#C54F07

#1EC507

#077DC5

#AE07C5

Color Blindness Simulation

Original

#C54F07

Protanopia

#929118

Deuteranopia

#99A21D

Tritanopia

#BF2629

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FDD3BA
300
#FBB489
400
#F88B49
500
#F66309
600
#C54F07
700
#9E3F06
800
#7B3104
900
#592708
950
#381805

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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