#97FECB

#97FECB

Color Values

HEX

#97FECB

RGB

151, 254, 203

HSL

150.3, 98.1%, 79.4%

HSV

150.3, 40.6%, 99.6%

CMYK

40.6%, 0.0%, 20.1%, 0.4%

OKLCH

0.9204 0.1205 161.2

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#97FECB

#FE97CA

Analogous

#97FE97

#97FDFE

#97FECB

Triadic

#97FECB

#CB97FE

#FECB97

Split Complementary

#97FECB

#FE97FD

#FE9797

Tetradic

#97FECB

#9797FE

#FE97CA

#FDFE97

Color Blindness Simulation

Original

#97FECB

Protanopia

#C4C4D7

Deuteranopia

#BEB6DA

Tritanopia

#9CE1E3

Achromatopsia

#E4E4E4

CSS Usage

background-color: #97FECB;
color: #97FECB;
border-color: #97FECB;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FEDC
300
#86FEC2
400
#44FDA2
500
#02FD81
600
#02CA67
700
#02A252
800
#017E40
900
#065B31
950
#043A1F

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026