#AAC4BE

#AAC4BE

Color Values

HEX

#AAC4BE

RGB

170, 196, 190

HSL

166.2, 18.1%, 71.8%

HSV

166.2, 13.3%, 76.9%

CMYK

13.3%, 0.0%, 3.1%, 23.1%

OKLCH

0.7991 0.0294 180.1

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#AAC4BE

#C4AAB0

Analogous

#AAC4B1

#AABDC4

#AAC4BE

Triadic

#AAC4BE

#BEAAC4

#C4BEAA

Split Complementary

#AAC4BE

#C4AABD

#C4B1AA

Tetradic

#AAC4BE

#B1AAC4

#C4AAB0

#BDC4AA

Color Blindness Simulation

Original

#AAC4BE

Protanopia

#B5B5BF

Deuteranopia

#B4B2C0

Tritanopia

#ABC1C1

Achromatopsia

#BEBEBE

CSS Usage

background-color: #AAC4BE;
color: #AAC4BE;
border-color: #AAC4BE;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#90B2AA
500
#68978C
600
#547870
700
#43605A
800
#344B46
900
#293835
950
#1A2421

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026