#C68006

#C68006

Color Values

HEX

#C68006

RGB

198, 128, 6

HSL

38.1, 94.1%, 40.0%

HSV

38.1, 97.0%, 77.6%

CMYK

0.0%, 35.4%, 97.0%, 22.4%

OKLCH

0.6571 0.1402 70.9

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C68006

#064CC6

Analogous

#C62006

#ACC606

#C68006

Triadic

#C68006

#06C680

#8006C6

Split Complementary

#C68006

#06ACC6

#2006C6

Tetradic

#C68006

#06C620

#064CC6

#C606AC

Color Blindness Simulation

Original

#C68006

Protanopia

#A8A723

Deuteranopia

#ACB12B

Tritanopia

#C23B40

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FDE4BA
300
#FBD188
400
#F9B948
500
#F7A008
600
#C68006
700
#9E6605
800
#7C5004
900
#593C07
950
#392605

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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