#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026