#C69706

#C69706

Color Values

HEX

#C69706

RGB

198, 151, 6

HSL

45.3, 94.1%, 40.0%

HSV

45.3, 97.0%, 77.6%

CMYK

0.0%, 23.7%, 97.0%, 22.4%

OKLCH

0.7015 0.1425 86.0

Properties

Warm Light Nearest: goldenrod 3

Color Harmonies

Complementary

#C69706

#0635C6

Analogous

#C63706

#95C606

#C69706

Triadic

#C69706

#06C697

#9706C6

Split Complementary

#C69706

#0695C6

#3706C6

Tetradic

#C69706

#06C637

#0635C6

#C60695

Color Blindness Simulation

Original

#C69706

Protanopia

#B2B129

Deuteranopia

#B4B832

Tritanopia

#C4454B

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FDECBA
300
#FBDF88
400
#F9CE48
500
#F7BD08
600
#C69706
700
#9E7905
800
#7C5E04
900
#594507
950
#392C05

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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