#ABEDCE

#ABEDCE

Color Values

HEX

#ABEDCE

RGB

171, 237, 206

HSL

151.8, 64.7%, 80.0%

HSV

151.8, 27.8%, 92.9%

CMYK

27.8%, 0.0%, 13.1%, 7.1%

OKLCH

0.8934 0.0791 164.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABEDCE

#EDABCA

Analogous

#ABEDAD

#ABEBED

#ABEDCE

Triadic

#ABEDCE

#CEABED

#EDCEAB

Split Complementary

#ABEDCE

#EDABEB

#EDADAB

Tetradic

#ABEDCE

#ADABED

#EDABCA

#EBEDAB

Color Blindness Simulation

Original

#ABEDCE

Protanopia

#C8C8D5

Deuteranopia

#C4BFD7

Tritanopia

#AEDBDD

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F2DD
300
#9AE9C4
400
#64DEA4
500
#2DD284
600
#24A86A
700
#1D8655
800
#176942
900
#144D32
950
#0D3020

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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