#ACD1D0

#ACD1D0

Color Values

HEX

#ACD1D0

RGB

172, 209, 208

HSL

178.4, 28.7%, 74.7%

HSV

178.4, 17.7%, 82.0%

CMYK

17.7%, 0.0%, 0.5%, 18.0%

OKLCH

0.8337 0.0392 194.4

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ACD1D0

#D1ACAD

Analogous

#ACD1BD

#ACBFD1

#ACD1D0

Triadic

#ACD1D0

#D0ACD1

#D1D0AC

Split Complementary

#ACD1D0

#D1ACBF

#D1BDAC

Tetradic

#ACD1D0

#BDACD1

#D1ACAD

#BFD1AC

Color Blindness Simulation

Original

#ACD1D0

Protanopia

#BCBCD0

Deuteranopia

#BAB7D0

Tritanopia

#AED0D0

Achromatopsia

#C9C9C9

CSS Usage

background-color: #ACD1D0;
color: #ACD1D0;
border-color: #ACD1D0;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E5
300
#B0D3D2
400
#86BCBA
500
#5BA4A2
600
#498382
700
#3A6968
800
#2D5251
900
#243D3C
950
#172726

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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