#C7F6FE

#C7F6FE

Color Values

HEX

#C7F6FE

RGB

199, 246, 254

HSL

188.7, 96.5%, 88.8%

HSV

188.7, 21.7%, 99.6%

CMYK

21.7%, 3.1%, 0.0%, 0.4%

OKLCH

0.943 0.0492 209.0

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#C7F6FE

#FECFC7

Analogous

#C7FEEA

#C7DAFE

#C7F6FE

Triadic

#C7F6FE

#FEC7F6

#F6FEC7

Split Complementary

#C7F6FE

#FEC7DA

#FEEAC7

Tetradic

#C7F6FE

#EAC7FE

#FECFC7

#DAFEC7

Color Blindness Simulation

Original

#C7F6FE

Protanopia

#DBDCFC

Deuteranopia

#D9D5FC

Tritanopia

#C9FBFA

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DFF8FC
200
#B9F4FE
300
#87ECFD
400
#46E1FC
500
#04D7FB
600
#04ACC8
700
#038AA0
800
#026B7D
900
#064E5B
950
#043139

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026