#C5CECC

#C5CECC

Color Values

HEX

#C5CECC

RGB

197, 206, 204

HSL

166.7, 8.4%, 79.0%

HSV

166.7, 4.4%, 80.8%

CMYK

4.4%, 0.0%, 1.0%, 19.2%

OKLCH

0.8439 0.0102 181.4

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C5CECC

#CEC5C7

Analogous

#C5CEC7

#C5CBCE

#C5CECC

Triadic

#C5CECC

#CCC5CE

#CECCC5

Split Complementary

#C5CECC

#CEC5CB

#CEC7C5

Tetradic

#C5CECC

#C7C5CE

#CEC5C7

#CBCEC5

Color Blindness Simulation

Original

#C5CECC

Protanopia

#C9C9CC

Deuteranopia

#C8C8CD

Tritanopia

#C5CDCD

Achromatopsia

#CCCCCC

CSS Usage

background-color: #C5CECC;
color: #C5CECC;
border-color: #C5CECC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DEDD
300
#BDC7C5
400
#99A9A5
500
#758A85
600
#5D6F6B
700
#4B5855
800
#3A4543
900
#2D3432
950
#1C2120

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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