#97FEFE

#97FEFE

Color Values

HEX

#97FEFE

RGB

151, 254, 254

HSL

180.0, 98.1%, 79.4%

HSV

180.0, 40.6%, 99.6%

CMYK

40.6%, 0.0%, 0.0%, 0.4%

OKLCH

0.9346 0.0964 195.6

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#97FEFE

#FE9797

Analogous

#97FECA

#97CAFE

#97FEFE

Triadic

#97FEFE

#FE97FE

#FEFE97

Split Complementary

#97FEFE

#FE97CA

#FECA97

Tetradic

#97FEFE

#CA97FE

#FE9797

#CAFE97

Color Blindness Simulation

Original

#97FEFE

Protanopia

#C4C4FE

Deuteranopia

#BEB6FE

Tritanopia

#9CFEFE

Achromatopsia

#E8E8E8

CSS Usage

background-color: #97FEFE;
color: #97FEFE;
border-color: #97FEFE;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FEFE
300
#86FEFE
400
#44FDFD
500
#02FDFD
600
#02CACA
700
#02A2A2
800
#017E7E
900
#065B5B
950
#043A3A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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