#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

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