#ACC0B2

#ACC0B2

Color Values

HEX

#ACC0B2

RGB

172, 192, 178

HSL

138.0, 13.7%, 71.4%

HSV

138.0, 10.4%, 75.3%

CMYK

10.4%, 0.0%, 7.3%, 24.7%

OKLCH

0.7885 0.0294 155.1

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#ACC0B2

#C0ACBA

Analogous

#B0C0AC

#ACC0BC

#ACC0B2

Triadic

#ACC0B2

#B2ACC0

#C0B2AC

Split Complementary

#ACC0B2

#BCACC0

#C0ACB0

Tetradic

#ACC0B2

#ACB0C0

#C0ACBA

#C0BCAC

Color Blindness Simulation

Original

#ACC0B2

Protanopia

#B5B5B5

Deuteranopia

#B4B2B6

Tritanopia

#ADB8B9

Achromatopsia

#BBBBBB

CSS Usage

background-color: #ACC0B2;
color: #ACC0B2;
border-color: #ACC0B2;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D6E0D9
300
#B9CABE
400
#94AE9B
500
#6E9179
600
#587460
700
#465D4D
800
#37483C
900
#2A362E
950
#1B221D

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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