#C7D2D7

#C7D2D7

Color Values

HEX

#C7D2D7

RGB

199, 210, 215

HSL

198.8, 16.7%, 81.2%

HSV

198.8, 7.4%, 84.3%

CMYK

7.4%, 2.3%, 0.0%, 15.7%

OKLCH

0.8568 0.0139 226.6

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C7D2D7

#D7CCC7

Analogous

#C7D7D4

#C7CAD7

#C7D2D7

Triadic

#C7D2D7

#D7C7D2

#D2D7C7

Split Complementary

#C7D2D7

#D7C7CA

#D7D4C7

Tetradic

#C7D2D7

#D4C7D7

#D7CCC7

#CAD7C7

Color Blindness Simulation

Original

#C7D2D7

Protanopia

#CCCCD6

Deuteranopia

#CBCAD6

Tritanopia

#C8D5D5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B8C6CC
400
#91A7B0
500
#6A8795
600
#556C77
700
#44575F
800
#35444A
900
#293338
950
#1A2023

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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