#C4D1EB

#C4D1EB

Color Values

HEX

#C4D1EB

RGB

196, 209, 235

HSL

220.0, 49.4%, 84.5%

HSV

220.0, 16.6%, 92.2%

CMYK

16.6%, 11.1%, 0.0%, 7.8%

OKLCH

0.859 0.0388 264.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C4D1EB

#EBDEC4

Analogous

#C4E4EB

#CAC4EB

#C4D1EB

Triadic

#C4D1EB

#EBC4D1

#D1EBC4

Split Complementary

#C4D1EB

#EBCAC4

#E4EBC4

Tetradic

#C4D1EB

#EBC4E4

#EBDEC4

#C4EBCA

Color Blindness Simulation

Original

#C4D1EB

Protanopia

#CACAE5

Deuteranopia

#C9C8E3

Tritanopia

#C5E0DF

Achromatopsia

#D0D0D0

CSS Usage

background-color: #C4D1EB;
color: #C4D1EB;
border-color: #C4D1EB;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD5ED
300
#A4B8E0
400
#7291CF
500
#416BBE
600
#345598
700
#29447A
800
#20355F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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