#ABCEFC

#ABCEFC

Color Values

HEX

#ABCEFC

RGB

171, 206, 252

HSL

214,1, 93,1%, 82,9%

HSV

214,1, 32,1%, 98,8%

CMYK

32,1%, 18,3%, 0,0%, 1,2%

OKLCH

0,8419 0,0749 255,4

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#ABCEFC

#FCD9AB

Analogous

#ABF6FC

#B0ABFC

#ABCEFC

Triadic

#ABCEFC

#FCABCE

#CEFCAB

Split Complementary

#ABCEFC

#FCB0AB

#F6FCAB

Tetradic

#ABCEFC

#FCABF6

#FCD9AB

#ABFCB0

Color Blindness Simulation

Original

#ABCEFC

Protanopia

#BABAF1

Deuteranopia

#B8B6EE

Tritanopia

#ADE8E6

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEBFB
200
#BAD7FD
300
#89BAFB
400
#4995F8
500
#096FF6
600
#0759C5
700
#06479E
800
#04387B
900
#082B59
950
#051B38

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,97: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