#C2D5EB

#C2D5EB

Color Values

HEX

#C2D5EB

RGB

194, 213, 235

HSL

212.2, 50.6%, 84.1%

HSV

212.2, 17.4%, 92.2%

CMYK

17.4%, 9.4%, 0.0%, 7.8%

OKLCH

0.8657 0.0368 252.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C2D5EB

#EBD8C2

Analogous

#C2E9EB

#C3C2EB

#C2D5EB

Triadic

#C2D5EB

#EBC2D5

#D5EBC2

Split Complementary

#C2D5EB

#EBC3C2

#E9EBC2

Tetradic

#C2D5EB

#EBC2E9

#EBD8C2

#C2EBC3

Color Blindness Simulation

Original

#C2D5EB

Protanopia

#CACAE6

Deuteranopia

#C9C8E4

Tritanopia

#C3E1E1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DAED
300
#A3C0E1
400
#719DD0
500
#3F7BC0
600
#32629A
700
#284F7B
800
#1F3D60
900
#1A2F47
950
#111E2D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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