#C67828

#C67828

Color Values

HEX

#C67828

RGB

198, 120, 40

HSL

30.4, 66.4%, 46.7%

HSV

30.4, 79.8%, 77.6%

CMYK

0.0%, 39.4%, 79.8%, 22.4%

OKLCH

0.6439 0.1326 61.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C67828

#2876C6

Analogous

#C62928

#C5C628

#C67828

Triadic

#C67828

#28C678

#7828C6

Split Complementary

#C67828

#28C5C6

#2928C6

Tetradic

#C67828

#28C629

#2876C6

#C628C5

Color Blindness Simulation

Original

#C67828

Protanopia

#A4A43B

Deuteranopia

#A9AF40

Tritanopia

#C24B4E

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DCC4
300
#EAC299
400
#DFA162
500
#D4812B
600
#AA6722
700
#88521B
800
#6A4015
900
#4D3113
950
#311F0C

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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