#ABCEF4

#ABCEF4

Color Values

HEX

#ABCEF4

RGB

171, 206, 244

HSL

211,2, 76,8%, 81,4%

HSV

211,2, 29,9%, 95,7%

CMYK

29,9%, 15,6%, 0,0%, 4,3%

OKLCH

0,8389 0,0653 250,7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ABCEF4

#F4D1AB

Analogous

#ABF3F4

#ADABF4

#ABCEF4

Triadic

#ABCEF4

#F4ABCE

#CEF4AB

Split Complementary

#ABCEF4

#F4ADAB

#F3F4AB

Tetradic

#ABCEF4

#F4ABF3

#F4D1AB

#ABF4AD

Color Blindness Simulation

Original

#ABCEF4

Protanopia

#BABAEB

Deuteranopia

#B8B6E9

Tritanopia

#ADE4E2

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DAF7
300
#93C0F1
400
#589EE9
500
#1E7CE1
600
#1863B4
700
#134F90
800
#0F3E71
900
#0F2F52
950
#091E34

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,87:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026