#C7C2C7

#C7C2C7

Color Values

HEX

#C7C2C7

RGB

199, 194, 199

HSL

300.0, 4.3%, 77.1%

HSV

300.0, 2.5%, 78.0%

CMYK

0.0%, 2.5%, 0.0%, 22.0%

OKLCH

0.8196 0.0088 325.7

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C7C2C7

#C2C7C2

Analogous

#C5C2C7

#C7C2C5

#C7C2C7

Triadic

#C7C2C7

#C7C7C2

#C2C7C7

Split Complementary

#C7C2C7

#C5C7C2

#C2C7C5

Tetradic

#C7C2C7

#C7C5C2

#C2C7C2

#C2C5C7

Color Blindness Simulation

Original

#C7C2C7

Protanopia

#C5C5C6

Deuteranopia

#C5C5C5

Tritanopia

#C7C5C5

Achromatopsia

#C3C3C3

CSS Usage

background-color: #C7C2C7;
color: #C7C2C7;
border-color: #C7C2C7;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDDADD
300
#C4BFC4
400
#A59DA5
500
#857A85
600
#6A626A
700
#554E55
800
#423D42
900
#322F32
950
#201D20

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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