#C67323

#C67323

Color Values

HEX

#C67323

RGB

198, 115, 35

HSL

29.4, 70.0%, 45.7%

HSV

29.4, 82.3%, 77.6%

CMYK

0.0%, 41.9%, 82.3%, 22.4%

OKLCH

0.6348 0.1366 58.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#C67323

#2376C6

Analogous

#C62325

#C6C423

#C67323

Triadic

#C67323

#23C673

#7323C6

Split Complementary

#C67323

#23C6C4

#2325C6

Tetradic

#C67323

#25C623

#2376C6

#C423C6

Color Blindness Simulation

Original

#C67323

Protanopia

#A2A136

Deuteranopia

#A7AD3B

Tritanopia

#C24649

Achromatopsia

#7F7F7F

CSS Usage

background-color: #C67323;
color: #C67323;
border-color: #C67323;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC2
300
#EDC197
400
#E39F5F
500
#D97E26
600
#AD651F
700
#8B5018
800
#6C3F13
900
#4F3012
950
#321E0B

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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