#C2BDC3

#C2BDC3

Color Values

HEX

#C2BDC3

RGB

194, 189, 195

HSL

290.0, 4.8%, 75.3%

HSV

290.0, 3.1%, 76.5%

CMYK

0.5%, 3.1%, 0.0%, 23.5%

OKLCH

0.8042 0.01 320.6

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C2BDC3

#BEC3BD

Analogous

#BFBDC3

#C3BDC1

#C2BDC3

Triadic

#C2BDC3

#C3C2BD

#BDC3C2

Split Complementary

#C2BDC3

#C1C3BD

#BDC3BF

Tetradic

#C2BDC3

#C3BFBD

#BEC3BD

#BDC1C3

Color Blindness Simulation

Original

#C2BDC3

Protanopia

#C0C0C2

Deuteranopia

#C0C0C1

Tritanopia

#C2C0C0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCDADD
300
#C4BFC5
400
#A49CA5
500
#847986
600
#69616B
700
#544E56
800
#423D43
900
#322E33
950
#1F1D20

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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