#C68306

#C68306

Color Values

HEX

#C68306

RGB

198, 131, 6

HSL

39.1, 94.1%, 40.0%

HSV

39.1, 97.0%, 77.6%

CMYK

0.0%, 33.8%, 97.0%, 22.4%

OKLCH

0.6627 0.1399 72.9

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C68306

#0649C6

Analogous

#C62306

#A9C606

#C68306

Triadic

#C68306

#06C683

#8306C6

Split Complementary

#C68306

#06A9C6

#2306C6

Tetradic

#C68306

#06C623

#0649C6

#C606A9

Color Blindness Simulation

Original

#C68306

Protanopia

#A9A824

Deuteranopia

#ADB22C

Tritanopia

#C33C41

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FDE5BA
300
#FBD388
400
#F9BC48
500
#F7A408
600
#C68306
700
#9E6905
800
#7C5204
900
#593D07
950
#392605

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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