#C6ECF0

#C6ECF0

Color Values

HEX

#C6ECF0

RGB

198, 236, 240

HSL

185.7, 58.3%, 85.9%

HSV

185.7, 17.5%, 94.1%

CMYK

17.5%, 1.7%, 0.0%, 5.9%

OKLCH

0.9173 0.0398 204.3

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C6ECF0

#F0CAC6

Analogous

#C6F0DF

#C6D7F0

#C6ECF0

Triadic

#C6ECF0

#F0C6EC

#ECF0C6

Split Complementary

#C6ECF0

#F0C6D7

#F0DFC6

Tetradic

#C6ECF0

#DFC6F0

#F0CAC6

#D7F0C6

Color Blindness Simulation

Original

#C6ECF0

Protanopia

#D6D7EF

Deuteranopia

#D4D1EF

Tritanopia

#C8EEEE

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C6ECF0
300
#9EDFE5
400
#6ACDD8
500
#35BCCA
600
#2B96A1
700
#227881
800
#1B5E65
900
#17454A
950
#0F2C2F

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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