#ABC4C6

#ABC4C6

Color Values

HEX

#ABC4C6

RGB

171, 196, 198

HSL

184.4, 19.1%, 72.4%

HSV

184.4, 13.6%, 77.6%

CMYK

13.6%, 1.0%, 0.0%, 22.4%

OKLCH

0.8022 0.0273 202.5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABC4C6

#C6ADAB

Analogous

#ABC6BB

#ABB7C6

#ABC4C6

Triadic

#ABC4C6

#C6ABC4

#C4C6AB

Split Complementary

#ABC4C6

#C6ABB7

#C6BBAB

Tetradic

#ABC4C6

#BBABC6

#C6ADAB

#B7C6AB

Color Blindness Simulation

Original

#ABC4C6

Protanopia

#B6B6C6

Deuteranopia

#B4B2C5

Tritanopia

#ACC5C5

Achromatopsia

#BFBFBF

CSS Usage

background-color: #ABC4C6;
color: #ABC4C6;
border-color: #ABC4C6;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E2
300
#B6CCCD
400
#8FB0B3
500
#679498
600
#537779
700
#425F61
800
#344A4C
900
#283839
950
#192324

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026