#C68450

#C68450

Color Values

HEX

#C68450

RGB

198, 132, 80

HSL

26.4, 50.9%, 54.5%

HSV

26.4, 59.6%, 77.6%

CMYK

0.0%, 33.3%, 59.6%, 22.4%

OKLCH

0.67 0.1061 57.9

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#C68450

#5092C6

Analogous

#C65057

#C6BF50

#C68450

Triadic

#C68450

#50C684

#8450C6

Split Complementary

#C68450

#50C6BF

#5057C6

Tetradic

#C68450

#57C650

#5092C6

#BF50C6

Color Blindness Simulation

Original

#C68450

Protanopia

#A9A95D

Deuteranopia

#ADB260

Tritanopia

#C36769

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EDD9C9
300
#E1BEA3
400
#D19B71
500
#C0783F
600
#9A6032
700
#7B4D28
800
#603C1F
900
#472E1A
950
#2D1D11

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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