#C8C2B7

#C8C2B7

Color Values

HEX

#C8C2B7

RGB

200, 194, 183

HSL

38.8, 13.4%, 75.1%

HSV

38.8, 8.5%, 78.4%

CMYK

0.0%, 3.0%, 8.5%, 21.6%

OKLCH

0.8158 0.0166 82.8

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#C8C2B7

#B7BDC8

Analogous

#C8B9B7

#C6C8B7

#C8C2B7

Triadic

#C8C2B7

#B7C8C2

#C2B7C8

Split Complementary

#C8C2B7

#B7C6C8

#B9B7C8

Tetradic

#C8C2B7

#B7C8B9

#B7BDC8

#C8B7C6

Color Blindness Simulation

Original

#C8C2B7

Protanopia

#C5C5BA

Deuteranopia

#C6C6BA

Tritanopia

#C8BCBC

Achromatopsia

#C2C2C2

CSS Usage

background-color: #C8C2B7;
color: #C8C2B7;
border-color: #C8C2B7;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DDD7
300
#CAC4BA
400
#ADA494
500
#91856E
600
#746A58
700
#5D5547
800
#484237
900
#36322B
950
#22201B

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.86:1

AA Pass AAA Pass

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