#ABBDD7

#ABBDD7

Color Values

HEX

#ABBDD7

RGB

171, 189, 215

HSL

215.5, 35.5%, 75.7%

HSV

215.5, 20.5%, 84.3%

CMYK

20.5%, 12.1%, 0.0%, 15.7%

OKLCH

0.7931 0.042 257.5

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ABBDD7

#D7C5AB

Analogous

#ABD3D7

#AFABD7

#ABBDD7

Triadic

#ABBDD7

#D7ABBD

#BDD7AB

Split Complementary

#ABBDD7

#D7AFAB

#D3D7AB

Tetradic

#ABBDD7

#D7ABD3

#D7C5AB

#ABD7AF

Color Blindness Simulation

Original

#ABBDD7

Protanopia

#B3B3D1

Deuteranopia

#B2B0CF

Tritanopia

#ACCCCB

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CFD9E8
300
#ACBED8
400
#7F9BC2
500
#5277AD
600
#425F8A
700
#354C6F
800
#293C56
900
#212E40
950
#151D28

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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