#ACBBC6

#ACBBC6

Color Values

HEX

#ACBBC6

RGB

172, 187, 198

HSL

205.4, 18.6%, 72.5%

HSV

205.4, 13.1%, 77.6%

CMYK

13.1%, 5.6%, 0.0%, 22.4%

OKLCH

0.7839 0.0228 239.5

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#ACBBC6

#C6B7AC

Analogous

#ACC6C4

#ACAEC6

#ACBBC6

Triadic

#ACBBC6

#C6ACBB

#BBC6AC

Split Complementary

#ACBBC6

#C6ACAE

#C6C4AC

Tetradic

#ACBBC6

#C4ACC6

#C6B7AC

#AEC6AC

Color Blindness Simulation

Original

#ACBBC6

Protanopia

#B2B3C3

Deuteranopia

#B2B0C3

Tritanopia

#ADC1C1

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DCE2
300
#B6C4CD
400
#8FA3B2
500
#688397
600
#536979
700
#425461
800
#34424C
900
#283239
950
#191F24

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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