#C69106

#C69106

Color Values

HEX

#C69106

RGB

198, 145, 6

HSL

43.4, 94.1%, 40.0%

HSV

43.4, 97.0%, 77.6%

CMYK

0.0%, 26.8%, 97.0%, 22.4%

OKLCH

0.6896 0.1409 82.2

Properties

Warm Light Nearest: darkgoldenrod 3

Color Harmonies

Complementary

#C69106

#063BC6

Analogous

#C63106

#9BC606

#C69106

Triadic

#C69106

#06C691

#9106C6

Split Complementary

#C69106

#069BC6

#3106C6

Tetradic

#C69106

#06C631

#063BC6

#C6069B

Color Blindness Simulation

Original

#C69106

Protanopia

#AFAF28

Deuteranopia

#B2B630

Tritanopia

#C34248

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FDEABA
300
#FBDC88
400
#F9C848
500
#F7B508
600
#C69106
700
#9E7405
800
#7C5B04
900
#594307
950
#392A05

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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