#96F3CC

#96F3CC

Color Values

HEX

#96F3CC

RGB

150, 243, 204

HSL

154.8, 79.5%, 77.1%

HSV

154.8, 38.3%, 95.3%

CMYK

38.3%, 0.0%, 16.0%, 4.7%

OKLCH

0.8953 0.1049 165.6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#96F3CC

#F396BD

Analogous

#96F39E

#96ECF3

#96F3CC

Triadic

#96F3CC

#CC96F3

#F3CC96

Split Complementary

#96F3CC

#F396EC

#F39E96

Tetradic

#96F3CC

#9E96F3

#F396BD

#ECF396

Color Blindness Simulation

Original

#96F3CC

Protanopia

#BEBFD5

Deuteranopia

#B9B2D8

Tritanopia

#9BDDDF

Achromatopsia

#DCDCDC

CSS Usage

background-color: #96F3CC;
color: #96F3CC;
border-color: #96F3CC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F2FDF8
100
#E1F9EF
200
#BFF8E0
300
#91F2CA
400
#56ECAD
500
#1AE590
600
#15B773
700
#11925C
800
#0D7248
900
#0E5336
950
#093422

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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