#C2D3F5

#C2D3F5

Color Values

HEX

#C2D3F5

RGB

194, 211, 245

HSL

220.0, 71.8%, 86.1%

HSV

220.0, 20.8%, 96.1%

CMYK

20.8%, 13.9%, 0.0%, 3.9%

OKLCH

0.865 0.0508 264.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C2D3F5

#F5E4C2

Analogous

#C2EDF5

#CBC2F5

#C2D3F5

Triadic

#C2D3F5

#F5C2D3

#D3F5C2

Split Complementary

#C2D3F5

#F5CBC2

#EDF5C2

Tetradic

#C2D3F5

#F5C2ED

#F5E4C2

#C2F5CB

Color Blindness Simulation

Original

#C2D3F5

Protanopia

#C9CAED

Deuteranopia

#C8C7EB

Tritanopia

#C3E6E5

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D3F5
300
#96B3EE
400
#5D8AE4
500
#2461DB
600
#1D4EAF
700
#173E8C
800
#12306E
900
#112650
950
#0B1832

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.93:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026