#C7C0C2

#C7C0C2

Color Values

HEX

#C7C0C2

RGB

199, 192, 194

HSL

342.9, 5.9%, 76.7%

HSV

342.9, 3.5%, 78.0%

CMYK

0.0%, 3.5%, 2.5%, 22.0%

OKLCH

0.8141 0.0083 357.9

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C7C0C2

#C0C7C5

Analogous

#C7C0C6

#C7C2C0

#C7C0C2

Triadic

#C7C0C2

#C2C7C0

#C0C2C7

Split Complementary

#C7C0C2

#C0C7C2

#C0C6C7

Tetradic

#C7C0C2

#C6C7C0

#C0C7C5

#C2C0C7

Color Blindness Simulation

Original

#C7C0C2

Protanopia

#C4C4C2

Deuteranopia

#C4C5C1

Tritanopia

#C7C1C1

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DA
300
#C5BEC0
400
#A69B9E
500
#87787C
600
#6C6063
700
#564D50
800
#443C3E
900
#332E2F
950
#201D1E

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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