#C65706

#C65706

Color Values

HEX

#C65706

RGB

198, 87, 6

HSL

25.3, 94.1%, 40.0%

HSV

25.3, 97.0%, 77.6%

CMYK

0.0%, 56.1%, 97.0%, 22.4%

OKLCH

0.5886 0.1606 47.0

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C65706

#0675C6

Analogous

#C60615

#C6B706

#C65706

Triadic

#C65706

#06C657

#5706C6

Split Complementary

#C65706

#06C6B7

#0615C6

Tetradic

#C65706

#15C606

#0675C6

#B706C6

Color Blindness Simulation

Original

#C65706

Protanopia

#96951A

Deuteranopia

#9CA51E

Tritanopia

#C0292C

Achromatopsia

#696969

CSS Usage

background-color: #C65706;
color: #C65706;
border-color: #C65706;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FDD6BA
300
#FBB988
400
#F99348
500
#F76D08
600
#C65706
700
#9E4605
800
#7C3604
900
#592A07
950
#391B05

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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