#C1FCF6

#C1FCF6

Color Values

HEX

#C1FCF6

RGB

193, 252, 246

HSL

173.9, 90.8%, 87.3%

HSV

173.9, 23.4%, 98.8%

CMYK

23.4%, 0.0%, 2.4%, 1.2%

OKLCH

0.9495 0.0598 188.5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C1FCF6

#FCC1C7

Analogous

#C1FCD9

#C1E5FC

#C1FCF6

Triadic

#C1FCF6

#F6C1FC

#FCF6C1

Split Complementary

#C1FCF6

#FCC1E5

#FCD9C1

Tetradic

#C1FCF6

#D9C1FC

#FCC1C7

#E5FCC1

Color Blindness Simulation

Original

#C1FCF6

Protanopia

#DBDBF7

Deuteranopia

#D7D3F8

Tritanopia

#C4F9F9

Achromatopsia

#EFEFEF

CSS Usage

background-color: #C1FCF6;
color: #C1FCF6;
border-color: #C1FCF6;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BBFCF5
300
#8AF9EE
400
#4BF6E5
500
#0CF3DC
600
#09C3B0
700
#089C8D
800
#067A6E
900
#095850
950
#063833

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026