#C67C06

#C67C06

Color Values

HEX

#C67C06

RGB

198, 124, 6

HSL

36.9, 94.1%, 40.0%

HSV

36.9, 97.0%, 77.6%

CMYK

0.0%, 37.4%, 97.0%, 22.4%

OKLCH

0.6497 0.1409 68.3

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C67C06

#0650C6

Analogous

#C61C06

#B0C606

#C67C06

Triadic

#C67C06

#06C67C

#7C06C6

Split Complementary

#C67C06

#06B0C6

#1C06C6

Tetradic

#C67C06

#06C61C

#0650C6

#C606B0

Color Blindness Simulation

Original

#C67C06

Protanopia

#A6A523

Deuteranopia

#AAB029

Tritanopia

#C2393E

Achromatopsia

#838383

CSS Usage

background-color: #C67C06;
color: #C67C06;
border-color: #C67C06;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE3BA
300
#FBCF88
400
#F9B548
500
#F79B08
600
#C67C06
700
#9E6305
800
#7C4E04
900
#593A07
950
#392505

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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