#ABD0CA

#ABD0CA

Color Values

HEX

#ABD0CA

RGB

171, 208, 202

HSL

170.3, 28.2%, 74.3%

HSV

170.3, 17.8%, 81.6%

CMYK

17.8%, 0.0%, 2.9%, 18.4%

OKLCH

0.8291 0.0401 184.5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABD0CA

#D0ABB1

Analogous

#ABD0B7

#ABC3D0

#ABD0CA

Triadic

#ABD0CA

#CAABD0

#D0CAAB

Split Complementary

#ABD0CA

#D0ABC3

#D0B7AB

Tetradic

#ABD0CA

#B7ABD0

#D0ABB1

#C3D0AB

Color Blindness Simulation

Original

#ABD0CA

Protanopia

#BBBBCB

Deuteranopia

#B9B6CC

Tritanopia

#ADCDCD

Achromatopsia

#C8C8C8

CSS Usage

background-color: #ABD0CA;
color: #ABD0CA;
border-color: #ABD0CA;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E2
300
#B1D3CD
400
#86BBB3
500
#5CA398
600
#498379
700
#3B6961
800
#2E524C
900
#243D39
950
#172624

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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