#ABB3DC

#ABB3DC

Color Values

HEX

#ABB3DC

RGB

171, 179, 220

HSL

230.2, 41.2%, 76.7%

HSV

230.2, 22.3%, 86.3%

CMYK

22.3%, 18.6%, 0.0%, 13.7%

OKLCH

0.7744 0.0592 276.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ABB3DC

#DCD4AB

Analogous

#ABCCDC

#BCABDC

#ABB3DC

Triadic

#ABB3DC

#DCABB3

#B3DCAB

Split Complementary

#ABB3DC

#DCBCAB

#CCDCAB

Tetradic

#ABB3DC

#DCABCC

#DCD4AB

#ABDCBC

Color Blindness Simulation

Original

#ABB3DC

Protanopia

#AEAFD2

Deuteranopia

#AEADD0

Tritanopia

#ABCAC9

Achromatopsia

#B4B4B4

CSS Usage

background-color: #ABB3DC;
color: #ABB3DC;
border-color: #ABB3DC;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CDD1EA
300
#A9B1DB
400
#7A86C8
500
#4B5CB4
600
#3C4A90
700
#303B73
800
#252E5A
900
#1E2442
950
#13172A

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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