#ABE1CC

#ABE1CC

Color Values

HEX

#ABE1CC

RGB

171, 225, 204

HSL

156.7, 47.4%, 77.6%

HSV

156.7, 24.0%, 88.2%

CMYK

24.0%, 0.0%, 9.3%, 11.8%

OKLCH

0.8665 0.0627 169.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#ABE1CC

#E1ABC0

Analogous

#ABE1B1

#ABDBE1

#ABE1CC

Triadic

#ABE1CC

#CCABE1

#E1CCAB

Split Complementary

#ABE1CC

#E1ABDB

#E1B1AB

Tetradic

#ABE1CC

#B1ABE1

#E1ABC0

#DBE1AB

Color Blindness Simulation

Original

#ABE1CC

Protanopia

#C2C3D1

Deuteranopia

#BFBBD2

Tritanopia

#AED5D6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECDF
300
#A5DFC8
400
#74CDAB
500
#43BC8D
600
#369671
700
#2B785A
800
#225E46
900
#1C4535
950
#122C22

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026