#9FF2DE

#9FF2DE

Color Values

HEX

#9FF2DE

RGB

159, 242, 222

HSL

165.5, 76.1%, 78.6%

HSV

165.5, 34.3%, 94.9%

CMYK

34.3%, 0.0%, 8.3%, 5.1%

OKLCH

0.9023 0.0858 177.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9FF2DE

#F29FB3

Analogous

#9FF2B4

#9FDDF2

#9FF2DE

Triadic

#9FF2DE

#DE9FF2

#F2DE9F

Split Complementary

#9FF2DE

#F29FDD

#F2B49F

Tetradic

#9FF2DE

#B49FF2

#F29FB3

#DDF29F

Color Blindness Simulation

Original

#9FF2DE

Protanopia

#C3C4E3

Deuteranopia

#BEB8E4

Tritanopia

#A3E7E8

Achromatopsia

#DFDFDF

CSS Usage

background-color: #9FF2DE;
color: #9FF2DE;
border-color: #9FF2DE;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FCFA
100
#E2F9F3
200
#C0F6E9
300
#93F0DA
400
#59E8C6
500
#1EE1B2
600
#18B48E
700
#149072
800
#0F7059
900
#0F5242
950
#0A3429

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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