#AACEBC

#AACEBC

Color Values

HEX

#AACEBC

RGB

170, 206, 188

HSL

150.0, 26.9%, 73.7%

HSV

150.0, 17.5%, 80.8%

CMYK

17.5%, 0.0%, 8.7%, 19.2%

OKLCH

0.8201 0.0458 163.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#AACEBC

#CEAABC

Analogous

#AACEAA

#AACECE

#AACEBC

Triadic

#AACEBC

#BCAACE

#CEBCAA

Split Complementary

#AACEBC

#CEAACE

#CEAAAA

Tetradic

#AACEBC

#AAAACE

#CEAABC

#CECEAA

Color Blindness Simulation

Original

#AACEBC

Protanopia

#BABAC0

Deuteranopia

#B8B5C1

Tritanopia

#ACC4C5

Achromatopsia

#C5C5C5

CSS Usage

background-color: #AACEBC;
color: #AACEBC;
border-color: #AACEBC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D2E5DB
300
#B1D2C2
400
#87BAA1
500
#5DA280
600
#4B8166
700
#3C6852
800
#2F5140
900
#253C30
950
#17261F

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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