#C67306

#C67306

Color Values

HEX

#C67306

RGB

198, 115, 6

HSL

34.1, 94.1%, 40.0%

HSV

34.1, 97.0%, 77.6%

CMYK

0.0%, 41.9%, 97.0%, 22.4%

OKLCH

0.6336 0.1437 62.5

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C67306

#0659C6

Analogous

#C61306

#B9C606

#C67306

Triadic

#C67306

#06C673

#7306C6

Split Complementary

#C67306

#06B9C6

#1306C6

Tetradic

#C67306

#06C613

#0659C6

#C606B9

Color Blindness Simulation

Original

#C67306

Protanopia

#A2A120

Deuteranopia

#A7AD27

Tritanopia

#C2353A

Achromatopsia

#7D7D7D

CSS Usage

background-color: #C67306;
color: #C67306;
border-color: #C67306;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FDE0BA
300
#FBCA88
400
#F9AD48
500
#F79008
600
#C67306
700
#9E5C05
800
#7C4804
900
#593607
950
#392205

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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