#C8863F

#C8863F

Color Values

HEX

#C8863F

RGB

200, 134, 63

HSL

31.1, 55.5%, 51.6%

HSV

31.1, 68.5%, 78.4%

CMYK

0.0%, 33.0%, 68.5%, 21.6%

OKLCH

0.674 0.1185 65.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C8863F

#3F81C8

Analogous

#C8423F

#C6C83F

#C8863F

Triadic

#C8863F

#3FC886

#863FC8

Split Complementary

#C8863F

#3FC6C8

#423FC8

Tetradic

#C8863F

#3FC842

#3F81C8

#C83FC6

Color Blindness Simulation

Original

#C8863F

Protanopia

#ABAB50

Deuteranopia

#AFB454

Tritanopia

#C55E61

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#EFDCC7
300
#E4C3A0
400
#D5A36C
500
#C68239
600
#9F682D
700
#7F5324
800
#63411C
900
#493118
950
#2E1F0F

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.94:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026