#C68906

#C68906

Color Values

HEX

#C68906

RGB

198, 137, 6

HSL

40.9, 94.1%, 40.0%

HSV

40.9, 97.0%, 77.6%

CMYK

0.0%, 30.8%, 97.0%, 22.4%

OKLCH

0.6741 0.1399 76.9

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C68906

#0643C6

Analogous

#C62906

#A3C606

#C68906

Triadic

#C68906

#06C689

#8906C6

Split Complementary

#C68906

#06A3C6

#2906C6

Tetradic

#C68906

#06C629

#0643C6

#C606A3

Color Blindness Simulation

Original

#C68906

Protanopia

#ACAB26

Deuteranopia

#AFB42D

Tritanopia

#C33F44

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF2DF
200
#FDE8BA
300
#FBD788
400
#F9C148
500
#F7AB08
600
#C68906
700
#9E6D05
800
#7C5604
900
#593F07
950
#392805

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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