#C2AF87

#C2AF87

Color Values

HEX

#C2AF87

RGB

194, 175, 135

HSL

40.7, 32.6%, 64.5%

HSV

40.7, 30.4%, 76.1%

CMYK

0.0%, 9.8%, 30.4%, 23.9%

OKLCH

0.7602 0.0583 85.5

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#C2AF87

#879AC2

Analogous

#C29187

#B7C287

#C2AF87

Triadic

#C2AF87

#87C2AF

#AF87C2

Split Complementary

#C2AF87

#87B7C2

#9187C2

Tetradic

#C2AF87

#87C291

#879AC2

#C287B7

Color Blindness Simulation

Original

#C2AF87

Protanopia

#BABA91

Deuteranopia

#BBBC93

Tritanopia

#C1989A

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D6C9AE
400
#BFAC82
500
#A98E56
600
#877245
700
#6C5B37
800
#55472B
900
#3F3622
950
#282216

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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