#C2DCF5

#C2DCF5

Color Values

HEX

#C2DCF5

RGB

194, 220, 245

HSL

209.4, 71.8%, 86.1%

HSV

209.4, 20.8%, 96.1%

CMYK

20.8%, 10.2%, 0.0%, 3.9%

OKLCH

0.8833 0.0444 247.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C2DCF5

#F5DBC2

Analogous

#C2F5F4

#C2C3F5

#C2DCF5

Triadic

#C2DCF5

#F5C2DC

#DCF5C2

Split Complementary

#C2DCF5

#F5C2C3

#F5F4C2

Tetradic

#C2DCF5

#F4C2F5

#F5DBC2

#C3F5C2

Color Blindness Simulation

Original

#C2DCF5

Protanopia

#CDCDEF

Deuteranopia

#CCCAEE

Tritanopia

#C3EAE9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C2DCF5
300
#96C3EE
400
#5DA2E4
500
#2481DB
600
#1D67AF
700
#17538C
800
#12416E
900
#113150
950
#0B1F32

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026