#ABD8BD

#ABD8BD

Color Values

HEX

#ABD8BD

RGB

171, 216, 189

HSL

144.0, 36.6%, 75.9%

HSV

144.0, 20.8%, 84.7%

CMYK

20.8%, 0.0%, 12.5%, 15.3%

OKLCH

0.8428 0.0602 158.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#ABD8BD

#D8ABC6

Analogous

#B0D8AB

#ABD8D4

#ABD8BD

Triadic

#ABD8BD

#BDABD8

#D8BDAB

Split Complementary

#ABD8BD

#D4ABD8

#D8ABB0

Tetradic

#ABD8BD

#ABB0D8

#D8ABC6

#D8D4AB

Color Blindness Simulation

Original

#ABD8BD

Protanopia

#BEBFC4

Deuteranopia

#BCB8C5

Tritanopia

#ADC9CA

Achromatopsia

#CCCCCC

CSS Usage

background-color: #ABD8BD;
color: #ABD8BD;
border-color: #ABD8BD;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D9
300
#ABD8BD
400
#7EC39A
500
#51AE76
600
#418B5F
700
#346F4C
800
#28573B
900
#20402D
950
#15291D

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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