#C5F3F3

#C5F3F3

Color Values

HEX

#C5F3F3

RGB

197, 243, 243

HSL

180.0, 65.7%, 86.3%

HSV

180.0, 18.9%, 95.3%

CMYK

18.9%, 0.0%, 0.0%, 4.7%

OKLCH

0.9321 0.0471 196.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C5F3F3

#F3C5C5

Analogous

#C5F3DC

#C5DCF3

#C5F3F3

Triadic

#C5F3F3

#F3C5F3

#F3F3C5

Split Complementary

#C5F3F3

#F3C5DC

#F3DCC5

Tetradic

#C5F3F3

#DCC5F3

#F3C5C5

#DCF3C5

Color Blindness Simulation

Original

#C5F3F3

Protanopia

#D9D9F3

Deuteranopia

#D6D3F3

Tritanopia

#C7F3F3

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C4F3F3
300
#9AEAEA
400
#63DFDF
500
#2CD3D3
600
#23A9A9
700
#1C8787
800
#166A6A
900
#144D4D
950
#0D3131

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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