#C2ECF5

#C2ECF5

Color Values

HEX

#C2ECF5

RGB

194, 236, 245

HSL

190.6, 71.8%, 86.1%

HSV

190.6, 20.8%, 96.1%

CMYK

20.8%, 3.7%, 0.0%, 3.9%

OKLCH

0.9163 0.0451 212.1

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C2ECF5

#F5CBC2

Analogous

#C2F5E5

#C2D3F5

#C2ECF5

Triadic

#C2ECF5

#F5C2EC

#ECF5C2

Split Complementary

#C2ECF5

#F5C2D3

#F5E5C2

Tetradic

#C2ECF5

#E5C2F5

#F5CBC2

#D3F5C2

Color Blindness Simulation

Original

#C2ECF5

Protanopia

#D4D5F3

Deuteranopia

#D2CFF2

Tritanopia

#C4F1F1

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E2F4F8
200
#C2ECF5
300
#96DEEE
400
#5DCCE4
500
#24BBDB
600
#1D95AF
700
#17778C
800
#125D6E
900
#114550
950
#0B2B32

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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