#9FE4CC

#9FE4CC

Color Values

HEX

#9FE4CC

RGB

159, 228, 204

HSL

159.1, 56.1%, 75.9%

HSV

159.1, 30.3%, 89.4%

CMYK

30.3%, 0.0%, 10.5%, 10.6%

OKLCH

0.8662 0.0771 170.8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9FE4CC

#E49FB7

Analogous

#9FE4AA

#9FDAE4

#9FE4CC

Triadic

#9FE4CC

#CC9FE4

#E4CC9F

Split Complementary

#9FE4CC

#E49FDA

#E4AA9F

Tetradic

#9FE4CC

#AA9FE4

#E49FB7

#DAE49F

Color Blindness Simulation

Original

#9FE4CC

Protanopia

#BDBDD2

Deuteranopia

#B9B4D3

Tritanopia

#A2D6D7

Achromatopsia

#D4D4D4

CSS Usage

background-color: #9FE4CC;
color: #9FE4CC;
border-color: #9FE4CC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FBF8
100
#E5F6F0
200
#C7EFE1
300
#9FE4CC
400
#6CD6B1
500
#38C795
600
#2D9F77
700
#247F5F
800
#1C644B
900
#184938
950
#0F2E23

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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