#ABF0D6

#ABF0D6

Color Values

HEX

#ABF0D6

RGB

171, 240, 214

HSL

157.4, 69.7%, 80.6%

HSV

157.4, 28.8%, 94.1%

CMYK

28.8%, 0.0%, 10.8%, 5.9%

OKLCH

0.9021 0.0778 169.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABF0D6

#F0ABC5

Analogous

#ABF0B4

#ABE8F0

#ABF0D6

Triadic

#ABF0D6

#D6ABF0

#F0D6AB

Split Complementary

#ABF0D6

#F0ABE8

#F0B4AB

Tetradic

#ABF0D6

#B4ABF0

#F0ABC5

#E8F0AB

Color Blindness Simulation

Original

#ABF0D6

Protanopia

#C9C9DC

Deuteranopia

#C5C0DE

Tritanopia

#AEE1E2

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F8F0
200
#C2F4E1
300
#97ECCC
400
#5FE2B1
500
#27D895
600
#1FAD78
700
#198A60
800
#136C4B
900
#124F38
950
#0B3223

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.17:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026