#C5DBED

#C5DBED

Color Values

HEX

#C5DBED

RGB

197, 219, 237

HSL

207.0, 52.6%, 85.1%

HSV

207.0, 16.9%, 92.9%

CMYK

16.9%, 7.6%, 0.0%, 7.1%

OKLCH

0.8807 0.0343 242.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C5DBED

#EDD7C5

Analogous

#C5EDEB

#C5C7ED

#C5DBED

Triadic

#C5DBED

#EDC5DB

#DBEDC5

Split Complementary

#C5DBED

#EDC5C7

#EDEBC5

Tetradic

#C5DBED

#EBC5ED

#EDD7C5

#C7EDC5

Color Blindness Simulation

Original

#C5DBED

Protanopia

#CFCFE9

Deuteranopia

#CDCCE8

Tritanopia

#C6E5E4

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C9DDEE
300
#A2C5E2
400
#6FA6D2
500
#3C86C3
600
#306B9C
700
#27567D
800
#1E4361
900
#1A3347
950
#10202D

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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