#ABEBC6

#ABEBC6

Color Values

HEX

#ABEBC6

RGB

171, 235, 198

HSL

145.3, 61.5%, 79.6%

HSV

145.3, 27.2%, 92.2%

CMYK

27.2%, 0.0%, 15.7%, 7.8%

OKLCH

0.8869 0.0824 158.8

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#ABEBC6

#EBABD0

Analogous

#B0EBAB

#ABEBE6

#ABEBC6

Triadic

#ABEBC6

#C6ABEB

#EBC6AB

Split Complementary

#ABEBC6

#E6ABEB

#EBABB0

Tetradic

#ABEBC6

#ABB0EB

#EBABD0

#EBE6AB

Color Blindness Simulation

Original

#ABEBC6

Protanopia

#C7C7CF

Deuteranopia

#C3BED1

Tritanopia

#AED6D8

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C5F1D8
300
#9CE7BC
400
#67DB98
500
#31CE73
600
#27A55C
700
#1F844A
800
#19673A
900
#164B2C
950
#0E301C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.43:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026