#C67423

#C67423

Color Values

HEX

#C67423

RGB

198, 116, 35

HSL

29.8, 70.0%, 45.7%

HSV

29.8, 82.3%, 77.6%

CMYK

0.0%, 41.4%, 82.3%, 22.4%

OKLCH

0.6365 0.1362 59.6

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C67423

#2375C6

Analogous

#C62324

#C6C623

#C67423

Triadic

#C67423

#23C674

#7423C6

Split Complementary

#C67423

#23C6C6

#2324C6

Tetradic

#C67423

#24C623

#2375C6

#C623C6

Color Blindness Simulation

Original

#C67423

Protanopia

#A2A237

Deuteranopia

#A7AD3B

Tritanopia

#C24649

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC2
300
#EDC297
400
#E3A05F
500
#D97F26
600
#AD661F
700
#8B5118
800
#6C3F13
900
#4F3012
950
#321E0B

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026