#C1CFD2

#C1CFD2

Color Values

HEX

#C1CFD2

RGB

193, 207, 210

HSL

190.6, 15.9%, 79.0%

HSV

190.6, 8.1%, 82.4%

CMYK

8.1%, 1.4%, 0.0%, 17.6%

OKLCH

0.8447 0.0158 212.0

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C1CFD2

#D2C4C1

Analogous

#C1D2CC

#C1C6D2

#C1CFD2

Triadic

#C1CFD2

#D2C1CF

#CFD2C1

Split Complementary

#C1CFD2

#D2C1C6

#D2CCC1

Tetradic

#C1CFD2

#CCC1D2

#D2C4C1

#C6D2C1

Color Blindness Simulation

Original

#C1CFD2

Protanopia

#C7C7D1

Deuteranopia

#C6C5D1

Tritanopia

#C2D1D1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6DFE1
300
#B8C8CC
400
#92AAB0
500
#6B8D94
600
#567076
700
#455A5F
800
#36464A
900
#2A3537
950
#1A2123

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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