#C68344

#C68344

Color Values

HEX

#C68344

RGB

198, 131, 68

HSL

29.1, 53.3%, 52.2%

HSV

29.1, 65.7%, 77.6%

CMYK

0.0%, 33.8%, 65.7%, 22.4%

OKLCH

0.6666 0.1143 61.9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C68344

#4487C6

Analogous

#C64446

#C6C444

#C68344

Triadic

#C68344

#44C683

#8344C6

Split Complementary

#C68344

#44C6C4

#4446C6

Tetradic

#C68344

#46C644

#4487C6

#C444C6

Color Blindness Simulation

Original

#C68344

Protanopia

#A9A853

Deuteranopia

#ADB257

Tritanopia

#C35F62

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EEDBC8
300
#E2C1A1
400
#D39F6E
500
#C37D3C
600
#9C6430
700
#7D5026
800
#623F1E
900
#483019
950
#2D1E10

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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