#ACDBD7

#ACDBD7

Color Values

HEX

#ACDBD7

RGB

172, 219, 215

HSL

174.9, 39.5%, 76.7%

HSV

174.9, 21.5%, 85.9%

CMYK

21.5%, 0.0%, 1.8%, 14.1%

OKLCH

0.8573 0.0491 189.8

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ACDBD7

#DBACB0

Analogous

#ACDBC0

#ACC8DB

#ACDBD7

Triadic

#ACDBD7

#D7ACDB

#DBD7AC

Split Complementary

#ACDBD7

#DBACC8

#DBC0AC

Tetradic

#ACDBD7

#C0ACDB

#DBACB0

#C8DBAC

Color Blindness Simulation

Original

#ACDBD7

Protanopia

#C0C1D8

Deuteranopia

#BEBAD8

Tritanopia

#AED9D9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDE9E7
300
#AADAD6
400
#7BC6C0
500
#4DB2A9
600
#3E8E87
700
#31726C
800
#275955
900
#1F423F
950
#142928

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026