#C5D1CD

#C5D1CD

Color Values

HEX

#C5D1CD

RGB

197, 209, 205

HSL

160.0, 11.5%, 79.6%

HSV

160.0, 5.7%, 82.0%

CMYK

5.7%, 0.0%, 1.9%, 18.0%

OKLCH

0.8503 0.0141 174.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C5D1CD

#D1C5C9

Analogous

#C5D1C7

#C5CFD1

#C5D1CD

Triadic

#C5D1CD

#CDC5D1

#D1CDC5

Split Complementary

#C5D1CD

#D1C5CF

#D1C7C5

Tetradic

#C5D1CD

#C7C5D1

#D1C5C9

#CFD1C5

Color Blindness Simulation

Original

#C5D1CD

Protanopia

#CACACE

Deuteranopia

#CAC9CE

Tritanopia

#C6CFCF

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7DFDD
300
#BBC9C4
400
#96ACA4
500
#718E84
600
#5A726A
700
#485B55
800
#384742
900
#2B3532
950
#1B2220

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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