#97F1C4

#97F1C4

Color Values

HEX

#97F1C4

RGB

151, 241, 196

HSL

150.0, 76.3%, 76.9%

HSV

150.0, 37.3%, 94.5%

CMYK

37.3%, 0.0%, 18.7%, 5.5%

OKLCH

0.8892 0.1075 161.4

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#97F1C4

#F197C4

Analogous

#97F197

#97F1F1

#97F1C4

Triadic

#97F1C4

#C497F1

#F1C497

Split Complementary

#97F1C4

#F197F1

#F19797

Tetradic

#97F1C4

#9797F1

#F197C4

#F1F197

Color Blindness Simulation

Original

#97F1C4

Protanopia

#BEBFCF

Deuteranopia

#B9B2D2

Tritanopia

#9CD7D9

Achromatopsia

#DBDBDB

CSS Usage

background-color: #97F1C4;
color: #97F1C4;
border-color: #97F1C4;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F2FCF7
100
#E2F9ED
200
#C0F7DB
300
#93F0C2
400
#59E9A1
500
#1EE180
600
#18B466
700
#139052
800
#0F7040
900
#0F5230
950
#0A341F

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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