#96FEF6

#96FEF6

Color Values

HEX

#96FEF6

RGB

150, 254, 246

HSL

175,4, 98,1%, 79,2%

HSV

175,4, 40,9%, 99,6%

CMYK

40,9%, 0,0%, 3,1%, 0,4%

OKLCH

0,9317 0,0981 189,3

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#96FEF6

#FE969E

Analogous

#96FEC2

#96D2FE

#96FEF6

Triadic

#96FEF6

#F696FE

#FEF696

Split Complementary

#96FEF6

#FE96D2

#FEC296

Tetradic

#96FEF6

#C296FE

#FE969E

#D2FE96

Color Blindness Simulation

Original

#96FEF6

Protanopia

#C3C4F8

Deuteranopia

#BDB5F8

Tritanopia

#9BF9FA

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FEF9
300
#86FEF5
400
#44FDEF
500
#02FDE9
600
#02CABB
700
#02A295
800
#017E75
900
#065B55
950
#043A35

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,8:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026