#ABAFC8

#ABAFC8

Color Values

HEX

#ABAFC8

RGB

171, 175, 200

HSL

231.7, 20.9%, 72.7%

HSV

231.7, 14.5%, 78.4%

CMYK

14.5%, 12.5%, 0.0%, 21.6%

OKLCH

0.7589 0.036 278.3

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#ABAFC8

#C8C4AB

Analogous

#ABBDC8

#B5ABC8

#ABAFC8

Triadic

#ABAFC8

#C8ABAF

#AFC8AB

Split Complementary

#ABAFC8

#C8B5AB

#BDC8AB

Tetradic

#ABAFC8

#C8ABBD

#C8C4AB

#ABC8B5

Color Blindness Simulation

Original

#ABAFC8

Protanopia

#ADADC2

Deuteranopia

#ACACC0

Tritanopia

#ABBDBC

Achromatopsia

#B0B0B0

CSS Usage

background-color: #ABAFC8;
color: #ABAFC8;
border-color: #ABAFC8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D6E3
300
#B5B9CF
400
#8D92B4
500
#656C9A
600
#51577B
700
#414563
800
#32364D
900
#272A3A
950
#191A24

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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