#C3BCD0

#C3BCD0

Color Values

HEX

#C3BCD0

RGB

195, 188, 208

HSL

261.0, 17.5%, 77.6%

HSV

261.0, 9.6%, 81.6%

CMYK

6.3%, 9.6%, 0.0%, 18.4%

OKLCH

0.8071 0.0288 301.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#C3BCD0

#C9D0BC

Analogous

#BCBFD0

#CDBCD0

#C3BCD0

Triadic

#C3BCD0

#D0C3BC

#BCD0C3

Split Complementary

#C3BCD0

#D0CDBC

#BFD0BC

Tetradic

#C3BCD0

#D0BCBF

#C9D0BC

#BCD0CD

Color Blindness Simulation

Original

#C3BCD0

Protanopia

#C0C0CB

Deuteranopia

#C0C1CA

Tritanopia

#C3C7C6

Achromatopsia

#BFBFBF

CSS Usage

background-color: #C3BCD0;
color: #C3BCD0;
border-color: #C3BCD0;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F7F6F8
100
#ECEAF0
200
#D9D5E2
300
#BFB7CD
400
#9C90B1
500
#796996
600
#615478
700
#4D4360
800
#3C354B
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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