#ABCBEF

#ABCBEF

Color Values

HEX

#ABCBEF

RGB

171, 203, 239

HSL

211,8, 68,0%, 80,4%

HSV

211,8, 28,5%, 93,7%

CMYK

28,5%, 15,1%, 0,0%, 6,3%

OKLCH

0,8308 0,0614 251,6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ABCBEF

#EFCFAB

Analogous

#ABEDEF

#ADABEF

#ABCBEF

Triadic

#ABCBEF

#EFABCB

#CBEFAB

Split Complementary

#ABCBEF

#EFADAB

#EDEFAB

Tetradic

#ABCBEF

#EFABED

#EFCFAB

#ABEFAD

Color Blindness Simulation

Original

#ABCBEF

Protanopia

#B9B9E6

Deuteranopia

#B7B5E4

Tritanopia

#ADDFDE

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF4
300
#98BFEB
400
#609DE1
500
#297AD6
600
#2162AB
700
#1A4E89
800
#143D6B
900
#132F4E
950
#0C1D31

Contrast Checker

Text on white

1,68:1

AA Fail AAA Fail

Text on black

12,52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026