#ABD8FB

#ABD8FB

Color Values

HEX

#ABD8FB

RGB

171, 216, 251

HSL

206.2, 90.9%, 82.7%

HSV

206.2, 31.9%, 98.4%

CMYK

31.9%, 13.9%, 0.0%, 1.6%

OKLCH

0.8623 0.0678 241.9

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ABD8FB

#FBCEAB

Analogous

#ABFBF6

#ABB0FB

#ABD8FB

Triadic

#ABD8FB

#FBABD8

#D8FBAB

Split Complementary

#ABD8FB

#FBABB0

#FBF6AB

Tetradic

#ABD8FB

#F6ABFB

#FBCEAB

#B0FBAB

Color Blindness Simulation

Original

#ABD8FB

Protanopia

#BEBFF3

Deuteranopia

#BCB8F0

Tritanopia

#ADECEA

Achromatopsia

#D1D1D1

CSS Usage

background-color: #ABD8FB;
color: #ABD8FB;
border-color: #ABD8FB;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBDFFC
300
#8AC9F9
400
#4BACF6
500
#0C8EF3
600
#0972C3
700
#075B9C
800
#06477A
900
#093558
950
#062238

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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