#9AEFCF

#9AEFCF

Color Values

HEX

#9AEFCF

RGB

154, 239, 207

HSL

157.4, 72.6%, 77.1%

HSV

157.4, 35.6%, 93.7%

CMYK

35.6%, 0.0%, 13.4%, 6.3%

OKLCH

0.889 0.0943 168.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9AEFCF

#EF9ABA

Analogous

#9AEFA5

#9AE5EF

#9AEFCF

Triadic

#9AEFCF

#CF9AEF

#EFCF9A

Split Complementary

#9AEFCF

#EF9AE5

#EFA59A

Tetradic

#9AEFCF

#A59AEF

#EF9ABA

#E5EF9A

Color Blindness Simulation

Original

#9AEFCF

Protanopia

#BFC0D7

Deuteranopia

#BAB4D9

Tritanopia

#9EDDDE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E2F8F0
200
#C1F5E2
300
#95EECD
400
#5CE5B2
500
#23DC96
600
#1CB078
700
#168D60
800
#116E4B
900
#115038
950
#0B3324

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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