#C18347

#C18347

Color Values

HEX

#C18347

RGB

193, 131, 71

HSL

29.5, 49.6%, 51.8%

HSV

29.5, 63.2%, 75.7%

CMYK

0.0%, 32.1%, 63.2%, 24.3%

OKLCH

0.661 0.1081 63.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C18347

#4785C1

Analogous

#C14748

#C1C047

#C18347

Triadic

#C18347

#47C183

#8347C1

Split Complementary

#C18347

#47C1C0

#4748C1

Tetradic

#C18347

#48C147

#4785C1

#C047C1

Color Blindness Simulation

Original

#C18347

Protanopia

#A6A656

Deuteranopia

#AAAE59

Tritanopia

#BE6164

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE6
200
#EDDBCA
300
#E0C1A3
400
#CFA072
500
#BF7E40
600
#996533
700
#7A5129
800
#5F3F20
900
#46301B
950
#2C1E11

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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