#C68706

#C68706

Color Values

HEX

#C68706

RGB

198, 135, 6

HSL

40.3, 94.1%, 40.0%

HSV

40.3, 97.0%, 77.6%

CMYK

0.0%, 31.8%, 97.0%, 22.4%

OKLCH

0.6702 0.1398 75.6

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C68706

#0645C6

Analogous

#C62706

#A5C606

#C68706

Triadic

#C68706

#06C687

#8706C6

Split Complementary

#C68706

#06A5C6

#2706C6

Tetradic

#C68706

#06C627

#0645C6

#C606A5

Color Blindness Simulation

Original

#C68706

Protanopia

#ABAA25

Deuteranopia

#AEB32D

Tritanopia

#C33E43

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF2DF
200
#FDE7BA
300
#FBD688
400
#F9BF48
500
#F7A908
600
#C68706
700
#9E6C05
800
#7C5404
900
#593F07
950
#392705

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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