#ABCBFD

#ABCBFD

Color Values

HEX

#ABCBFD

RGB

171, 203, 253

HSL

216,6, 95,3%, 83,1%

HSV

216,6, 32,4%, 99,2%

CMYK

32,4%, 19,8%, 0,0%, 0,8%

OKLCH

0,8362 0,0786 259,2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ABCBFD

#FDDDAB

Analogous

#ABF4FD

#B4ABFD

#ABCBFD

Triadic

#ABCBFD

#FDABCB

#CBFDAB

Split Complementary

#ABCBFD

#FDB4AB

#F4FDAB

Tetradic

#ABCBFD

#FDABF4

#FDDDAB

#ABFDB4

Color Blindness Simulation

Original

#ABCBFD

Protanopia

#B9B9F1

Deuteranopia

#B7B5EE

Tritanopia

#ADE7E5

Achromatopsia

#C8C8C8

CSS Usage

background-color: #ABCBFD;
color: #ABCBFD;
border-color: #ABCBFD;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#87B5FC
400
#478DFB
500
#0665F9
600
#0551C7
700
#04409F
800
#03327D
900
#07275A
950
#041939

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026