#C3CBD2

#C3CBD2

Color Values

HEX

#C3CBD2

RGB

195, 203, 210

HSL

208.0, 14.3%, 79.4%

HSV

208.0, 7.1%, 82.4%

CMYK

7.1%, 3.3%, 0.0%, 17.6%

OKLCH

0.838 0.0131 244.3

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C3CBD2

#D2CAC3

Analogous

#C3D2D1

#C3C3D2

#C3CBD2

Triadic

#C3CBD2

#D2C3CB

#CBD2C3

Split Complementary

#C3CBD2

#D2C3C3

#D2D1C3

Tetradic

#C3CBD2

#D1C3D2

#D2CAC3

#C3D2C3

Color Blindness Simulation

Original

#C3CBD2

Protanopia

#C6C7D0

Deuteranopia

#C6C5D0

Tritanopia

#C3CFCF

Achromatopsia

#CACACA

CSS Usage

background-color: #C3CBD2;
color: #C3CBD2;
border-color: #C3CBD2;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DCE0
300
#B9C2CB
400
#93A2AE
500
#6D8192
600
#576775
700
#46525D
800
#374049
900
#2A3137
950
#1B1F23

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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