#C7FDFE

#C7FDFE

Color Values

HEX

#C7FDFE

RGB

199, 253, 254

HSL

181.1, 96.5%, 88.8%

HSV

181.1, 21.7%, 99.6%

CMYK

21.7%, 0.4%, 0.0%, 0.4%

OKLCH

0.9576 0.0545 197.7

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C7FDFE

#FEC8C7

Analogous

#C7FEE3

#C7E1FE

#C7FDFE

Triadic

#C7FDFE

#FEC7FD

#FDFEC7

Split Complementary

#C7FDFE

#FEC7E1

#FEE3C7

Tetradic

#C7FDFE

#E3C7FE

#FEC8C7

#E1FEC7

Color Blindness Simulation

Original

#C7FDFE

Protanopia

#DEDFFE

Deuteranopia

#DBD7FE

Tritanopia

#CAFEFE

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFE
300
#87FBFD
400
#46F8FC
500
#04F6FB
600
#04C5C8
700
#039DA0
800
#027B7D
900
#06595B
950
#043839

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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