#C6BC97

#C6BC97

Color Values

HEX

#C6BC97

RGB

198, 188, 151

HSL

47.2, 29.2%, 68.4%

HSV

47.2, 23.7%, 77.6%

CMYK

0.0%, 5.1%, 23.7%, 22.4%

OKLCH

0.794 0.0512 94.7

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#C6BC97

#97A1C6

Analogous

#C6A497

#B8C697

#C6BC97

Triadic

#C6BC97

#97C6BC

#BC97C6

Split Complementary

#C6BC97

#97B8C6

#A497C6

Tetradic

#C6BC97

#97C6A4

#97A1C6

#C697B8

Color Blindness Simulation

Original

#C6BC97

Protanopia

#C2C2A0

Deuteranopia

#C2C3A2

Tritanopia

#C6A7A9

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2F0E9
200
#E6E1D1
300
#D4CCB0
400
#BCB085
500
#A5955A
600
#847748
700
#695F3A
800
#524A2D
900
#3D3824
950
#272317

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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