#C8A577

#C8A577

Color Values

HEX

#C8A577

RGB

200, 165, 119

HSL

34.1, 42.4%, 62.5%

HSV

34.1, 40.5%, 78.4%

CMYK

0.0%, 17.5%, 40.5%, 21.6%

OKLCH

0.7425 0.074 73.9

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#C8A577

#779AC8

Analogous

#C87C77

#C2C877

#C8A577

Triadic

#C8A577

#77C8A5

#A577C8

Split Complementary

#C8A577

#77C2C8

#7C77C8

Tetradic

#C8A577

#77C87C

#779AC8

#C877C2

Color Blindness Simulation

Original

#C8A577

Protanopia

#B9B982

Deuteranopia

#BBBE85

Tritanopia

#C68B8D

Achromatopsia

#A9A9A9

CSS Usage

background-color: #C8A577;
color: #C8A577;
border-color: #C8A577;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADDCC
300
#DCC5A8
400
#C9A679
500
#B68749
600
#916C3B
700
#74562F
800
#5B4325
900
#43331E
950
#2A2013

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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