#C69347

#C69347

Color Values

HEX

#C69347

RGB

198, 147, 71

HSL

35,9, 52,7%, 52,7%

HSV

35,9, 64,1%, 77,6%

CMYK

0,0%, 25,8%, 64,1%, 22,4%

OKLCH

0,6975 0,1115 75,0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C69347

#477AC6

Analogous

#C65347

#B9C647

#C69347

Triadic

#C69347

#47C693

#9347C6

Split Complementary

#C69347

#47B9C6

#5347C6

Tetradic

#C69347

#47C653

#477AC6

#C647B9

Color Blindness Simulation

Original

#C69347

Protanopia

#B0AF59

Deuteranopia

#B3B75E

Tritanopia

#C3686B

Achromatopsia

#989898

CSS Usage

background-color: #C69347;
color: #C69347;
border-color: #C69347;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEDFC8
300
#E2C8A2
400
#D2AA6F
500
#C38D3C
600
#9C7130
700
#7D5A27
800
#61461E
900
#473519
950
#2D2110

Contrast Checker

Text on white

2,74:1

AA Fail AAA Fail

Text on black

7,67:1

AA Pass AAA Pass

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