#9AEACE

#9AEACE

Color Values

HEX

#9AEACE

RGB

154, 234, 206

HSL

159.0, 65.6%, 76.1%

HSV

159.0, 34.2%, 91.8%

CMYK

34.2%, 0.0%, 12.0%, 8.2%

OKLCH

0.8775 0.0881 170.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#9AEACE

#EA9AB6

Analogous

#9AEAA6

#9ADEEA

#9AEACE

Triadic

#9AEACE

#CE9AEA

#EACE9A

Split Complementary

#9AEACE

#EA9ADE

#EAA69A

Tetradic

#9AEACE

#A69AEA

#EA9AB6

#DEEA9A

Color Blindness Simulation

Original

#9AEACE

Protanopia

#BDBDD5

Deuteranopia

#B8B2D6

Tritanopia

#9EDADB

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C4F3E2
300
#9AEACE
400
#63DFB3
500
#2CD399
600
#23A97A
700
#1C8762
800
#166A4C
900
#144D39
950
#0D3124

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026