#ACDBD0

#ACDBD0

Color Values

HEX

#ACDBD0

RGB

172, 219, 208

HSL

166.0, 39.5%, 76.7%

HSV

166.0, 21.5%, 85.9%

CMYK

21.5%, 0.0%, 5.0%, 14.1%

OKLCH

0.8552 0.0512 179.1

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#ACDBD0

#DBACB7

Analogous

#ACDBB9

#ACCFDB

#ACDBD0

Triadic

#ACDBD0

#D0ACDB

#DBD0AC

Split Complementary

#ACDBD0

#DBACCF

#DBB9AC

Tetradic

#ACDBD0

#B9ACDB

#DBACB7

#CFDBAC

Color Blindness Simulation

Original

#ACDBD0

Protanopia

#C0C1D3

Deuteranopia

#BEBAD3

Tritanopia

#AED5D5

Achromatopsia

#D0D0D0

CSS Usage

background-color: #ACDBD0;
color: #ACDBD0;
border-color: #ACDBD0;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CDE9E3
300
#AADACF
400
#7BC6B5
500
#4DB29A
600
#3E8E7B
700
#317263
800
#27594D
900
#1F423A
950
#142924

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026