#C9894B

#C9894B

Color Values

HEX

#C9894B

RGB

201, 137, 75

HSL

29.5, 53.8%, 54.1%

HSV

29.5, 62.7%, 78.8%

CMYK

0.0%, 31.8%, 62.7%, 21.2%

OKLCH

0.6822 0.1108 63.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C9894B

#4B8BC9

Analogous

#C94B4C

#C9C84B

#C9894B

Triadic

#C9894B

#4BC989

#894BC9

Split Complementary

#C9894B

#4BC9C8

#4B4CC9

Tetradic

#C9894B

#4CC94B

#4B8BC9

#C84BC9

Color Blindness Simulation

Original

#C9894B

Protanopia

#ADAD5A

Deuteranopia

#B1B65E

Tritanopia

#C66668

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDBC8
300
#E3C1A1
400
#D3A06E
500
#C47E3B
600
#9D652F
700
#7E5126
800
#623F1D
900
#483019
950
#2D1E10

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

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