#C7D3DC

#C7D3DC

Color Values

HEX

#C7D3DC

RGB

199, 211, 220

HSL

205.7, 23.1%, 82.2%

HSV

205.7, 9.5%, 86.3%

CMYK

9.5%, 4.1%, 0.0%, 13.7%

OKLCH

0.8604 0.0181 240.0

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C7D3DC

#DCD0C7

Analogous

#C7DCDB

#C7C9DC

#C7D3DC

Triadic

#C7D3DC

#DCC7D3

#D3DCC7

Split Complementary

#C7D3DC

#DCC7C9

#DCDBC7

Tetradic

#C7D3DC

#DBC7DC

#DCD0C7

#C9DCC7

Color Blindness Simulation

Original

#C7D3DC

Protanopia

#CCCCDA

Deuteranopia

#CCCBD9

Tritanopia

#C8D8D8

Achromatopsia

#D1D1D1

CSS Usage

background-color: #C7D3DC;
color: #C7D3DC;
border-color: #C7D3DC;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DCE4
300
#B4C4D0
400
#8BA4B6
500
#62849D
600
#4E697E
700
#3F5464
800
#31424E
900
#26323B
950
#182025

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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