#C3EDF4

#C3EDF4

Color Values

HEX

#C3EDF4

RGB

195, 237, 244

HSL

188.6, 69.0%, 86.1%

HSV

188.6, 20.1%, 95.7%

CMYK

20.1%, 2.9%, 0.0%, 4.3%

OKLCH

0.9187 0.0444 208.8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C3EDF4

#F4CAC3

Analogous

#C3F4E3

#C3D5F4

#C3EDF4

Triadic

#C3EDF4

#F4C3ED

#EDF4C3

Split Complementary

#C3EDF4

#F4C3D5

#F4E3C3

Tetradic

#C3EDF4

#E3C3F4

#F4CAC3

#D5F4C3

Color Blindness Simulation

Original

#C3EDF4

Protanopia

#D5D6F2

Deuteranopia

#D3D0F2

Tritanopia

#C5F1F1

Achromatopsia

#E5E5E5

CSS Usage

background-color: #C3EDF4;
color: #C3EDF4;
border-color: #C3EDF4;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FBFC
100
#E3F5F8
200
#C3EDF4
300
#98E0EC
400
#60CFE2
500
#28BED7
600
#2098AC
700
#197A8A
800
#145F6C
900
#12464F
950
#0C2C32

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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