#ACBBC9

#ACBBC9

Color Values

HEX

#ACBBC9

RGB

172, 187, 201

HSL

209,0, 21,2%, 73,1%

HSV

209,0, 14,4%, 78,8%

CMYK

14,4%, 7,0%, 0,0%, 21,2%

OKLCH

0,7849 0,026 246,3

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#ACBBC9

#C9BAAC

Analogous

#ACC9C8

#ACACC9

#ACBBC9

Triadic

#ACBBC9

#C9ACBB

#BBC9AC

Split Complementary

#ACBBC9

#C9ACAC

#C9C8AC

Tetradic

#ACBBC9

#C8ACC9

#C9BAAC

#ACC9AC

Color Blindness Simulation

Original

#ACBBC9

Protanopia

#B2B3C6

Deuteranopia

#B2B0C5

Tritanopia

#ADC3C2

Achromatopsia

#B9B9B9

CSS Usage

background-color: #ACBBC9;
color: #ACBBC9;
border-color: #ACBBC9;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE3
300
#B5C2CF
400
#8DA1B5
500
#64809B
600
#50677C
700
#405263
800
#32404D
900
#27313A
950
#191F24

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,71: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