#C69306

#C69306

Color Values

HEX

#C69306

RGB

198, 147, 6

HSL

44.1, 94.1%, 40.0%

HSV

44.1, 97.0%, 77.6%

CMYK

0.0%, 25.8%, 97.0%, 22.4%

OKLCH

0.6936 0.1414 83.5

Properties

Warm Light Nearest: darkgoldenrod 3

Color Harmonies

Complementary

#C69306

#0639C6

Analogous

#C63306

#99C606

#C69306

Triadic

#C69306

#06C693

#9306C6

Split Complementary

#C69306

#0699C6

#3306C6

Tetradic

#C69306

#06C633

#0639C6

#C60699

Color Blindness Simulation

Original

#C69306

Protanopia

#B0AF28

Deuteranopia

#B3B730

Tritanopia

#C34349

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FDEBBA
300
#FBDD88
400
#F9CA48
500
#F7B808
600
#C69306
700
#9E7605
800
#7C5C04
900
#594407
950
#392B05

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

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