#97FBFC

#97FBFC

Color Values

HEX

#97FBFC

RGB

151, 251, 252

HSL

180.6, 94.4%, 79.0%

HSV

180.6, 40.1%, 98.8%

CMYK

40.1%, 0.4%, 0.0%, 1.2%

OKLCH

0.9273 0.0941 196.5

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#97FBFC

#FC9897

Analogous

#97FCCA

#97C8FC

#97FBFC

Triadic

#97FBFC

#FC97FB

#FBFC97

Split Complementary

#97FBFC

#FC97C8

#FCCA97

Tetradic

#97FBFC

#CA97FC

#FC9897

#C8FC97

Color Blindness Simulation

Original

#97FBFC

Protanopia

#C2C3FC

Deuteranopia

#BCB5FC

Tritanopia

#9CFCFC

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFD
300
#88FAFC
400
#48F8FA
500
#07F5F8
600
#06C4C6
700
#059D9F
800
#047B7C
900
#07595A
950
#053839

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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