#C7BDC2

#C7BDC2

Color Values

HEX

#C7BDC2

RGB

199, 189, 194

HSL

330.0, 8.2%, 76.1%

HSV

330.0, 5.0%, 78.0%

CMYK

0.0%, 5.0%, 2.5%, 22.0%

OKLCH

0.808 0.0131 345.6

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C7BDC2

#BDC7C2

Analogous

#C7BDC7

#C7BDBD

#C7BDC2

Triadic

#C7BDC2

#C2C7BD

#BDC2C7

Split Complementary

#C7BDC2

#BDC7BD

#BDC7C7

Tetradic

#C7BDC2

#C7C7BD

#BDC7C2

#BDBDC7

Color Blindness Simulation

Original

#C7BDC2

Protanopia

#C3C3C1

Deuteranopia

#C3C4C0

Tritanopia

#C6C0C0

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DB
300
#C7BDC2
400
#A899A1
500
#8A7580
600
#6E5E66
700
#584B52
800
#453B40
900
#342D30
950
#211C1F

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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