#C1CCCE

#C1CCCE

Color Values

HEX

#C1CCCE

RGB

193, 204, 206

HSL

189.2, 11.7%, 78.2%

HSV

189.2, 6.3%, 80.8%

CMYK

6.3%, 1.0%, 0.0%, 19.2%

OKLCH

0.8373 0.0124 209.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C1CCCE

#CEC3C1

Analogous

#C1CEC9

#C1C5CE

#C1CCCE

Triadic

#C1CCCE

#CEC1CC

#CCCEC1

Split Complementary

#C1CCCE

#CEC1C5

#CEC9C1

Tetradic

#C1CCCE

#C9C1CE

#CEC3C1

#C5CEC1

Color Blindness Simulation

Original

#C1CCCE

Protanopia

#C6C6CE

Deuteranopia

#C5C4CD

Tritanopia

#C2CDCD

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DEDF
300
#BBC7C9
400
#96A8AC
500
#718A8E
600
#5A6E72
700
#48585B
800
#384547
900
#2B3436
950
#1B2122

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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