#ACB4D1

#ACB4D1

Color Values

HEX

#ACB4D1

RGB

172, 180, 209

HSL

227.0, 28.7%, 74.7%

HSV

227.0, 17.7%, 82.0%

CMYK

17.7%, 13.9%, 0.0%, 18.0%

OKLCH

0.7732 0.0423 273.2

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#ACB4D1

#D1C9AC

Analogous

#ACC7D1

#B6ACD1

#ACB4D1

Triadic

#ACB4D1

#D1ACB4

#B4D1AC

Split Complementary

#ACB4D1

#D1B6AC

#C7D1AC

Tetradic

#ACB4D1

#D1ACC7

#D1C9AC

#ACD1B6

Color Blindness Simulation

Original

#ACB4D1

Protanopia

#AFB0CA

Deuteranopia

#AFAEC8

Tritanopia

#ACC4C3

Achromatopsia

#B4B4B4

CSS Usage

background-color: #ACB4D1;
color: #ACB4D1;
border-color: #ACB4D1;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D1D5E6
300
#B0B8D3
400
#8691BC
500
#5B6BA4
600
#495583
700
#3A4469
800
#2D3552
900
#24293D
950
#171A27

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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