#C5BCB2

#C5BCB2

Color Values

HEX

#C5BCB2

RGB

197, 188, 178

HSL

31.6, 14.1%, 73.5%

HSV

31.6, 9.6%, 77.3%

CMYK

0.0%, 4.6%, 9.6%, 22.7%

OKLCH

0.7998 0.0172 70.5

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#C5BCB2

#B2BBC5

Analogous

#C5B2B2

#C4C5B2

#C5BCB2

Triadic

#C5BCB2

#B2C5BC

#BCB2C5

Split Complementary

#C5BCB2

#B2C4C5

#B2B2C5

Tetradic

#C5BCB2

#B2C5B2

#B2BBC5

#C5B2C4

Color Blindness Simulation

Original

#C5BCB2

Protanopia

#C1C1B4

Deuteranopia

#C2C2B5

Tritanopia

#C5B6B7

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DCD6
300
#CAC2B9
400
#AEA193
500
#91806E
600
#746758
700
#5D5246
800
#494037
900
#37312A
950
#221F1B

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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