#C54D07

#C54D07

Color Values

HEX

#C54D07

RGB

197, 77, 7

HSL

22.1, 93.1%, 40.0%

HSV

22.1, 96.4%, 77.3%

CMYK

0.0%, 60.9%, 96.4%, 22.7%

OKLCH

0.5732 0.1674 42.8

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C54D07

#077FC5

Analogous

#C50720

#C5AC07

#C54D07

Triadic

#C54D07

#07C54D

#4D07C5

Split Complementary

#C54D07

#07C5AC

#0720C5

Tetradic

#C54D07

#20C507

#077FC5

#AC07C5

Color Blindness Simulation

Original

#C54D07

Protanopia

#919018

Deuteranopia

#98A11C

Tritanopia

#BF2528

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FDD3BA
300
#FBB389
400
#F88A49
500
#F66009
600
#C54D07
700
#9E3E06
800
#7B3004
900
#592608
950
#381805

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026