#ACD7D7

#ACD7D7

Color Values

HEX

#ACD7D7

RGB

172, 215, 215

HSL

180.0, 35.0%, 75.9%

HSV

180.0, 20.0%, 84.3%

CMYK

20.0%, 0.0%, 0.0%, 15.7%

OKLCH

0.8487 0.0449 196.3

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ACD7D7

#D7ACAC

Analogous

#ACD7C2

#ACC2D7

#ACD7D7

Triadic

#ACD7D7

#D7ACD7

#D7D7AC

Split Complementary

#ACD7D7

#D7ACC2

#D7C2AC

Tetradic

#ACD7D7

#C2ACD7

#D7ACAC

#C2D7AC

Color Blindness Simulation

Original

#ACD7D7

Protanopia

#BFBFD7

Deuteranopia

#BCB9D7

Tritanopia

#AED7D7

Achromatopsia

#CECECE

CSS Usage

background-color: #ACD7D7;
color: #ACD7D7;
border-color: #ACD7D7;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5FAFA
100
#E8F2F2
200
#CFE8E8
300
#ACD7D7
400
#80C2C2
500
#53ACAC
600
#428A8A
700
#356E6E
800
#295656
900
#214040
950
#152828

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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