#96F9F2

#96F9F2

Color Values

HEX

#96F9F2

RGB

150, 249, 242

HSL

175.8, 89.2%, 78.2%

HSV

175.8, 39.8%, 97.6%

CMYK

39.8%, 0.0%, 2.8%, 2.4%

OKLCH

0.9194 0.0941 189.8

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#96F9F2

#F9969D

Analogous

#96F9C0

#96CEF9

#96F9F2

Triadic

#96F9F2

#F296F9

#F9F296

Split Complementary

#96F9F2

#F996CE

#F9C096

Tetradic

#96F9F2

#C096F9

#F9969D

#CEF996

Color Blindness Simulation

Original

#96F9F2

Protanopia

#C1C2F4

Deuteranopia

#BBB4F4

Tritanopia

#9BF5F5

Achromatopsia

#E3E3E3

CSS Usage

background-color: #96F9F2;
color: #96F9F2;
border-color: #96F9F2;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FDFC
100
#E0FBF9
200
#BBFBF7
300
#8BF8F1
400
#4CF5E9
500
#0EF1E1
600
#0BC1B4
700
#099A90
800
#077971
900
#0A5752
950
#063734

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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