#ABCAEB

#ABCAEB

Color Values

HEX

#ABCAEB

RGB

171, 202, 235

HSL

210.9, 61.5%, 79.6%

HSV

210.9, 27.2%, 92.2%

CMYK

27.2%, 14.0%, 0.0%, 7.8%

OKLCH

0.8273 0.0573 250.1

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ABCAEB

#EBCCAB

Analogous

#ABEAEB

#ACABEB

#ABCAEB

Triadic

#ABCAEB

#EBABCA

#CAEBAB

Split Complementary

#ABCAEB

#EBACAB

#EAEBAB

Tetradic

#ABCAEB

#EBABEA

#EBCCAB

#ABEBAC

Color Blindness Simulation

Original

#ABCAEB

Protanopia

#B8B9E3

Deuteranopia

#B7B4E1

Tritanopia

#ADDDDB

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C5DBF1
300
#9CC1E7
400
#679FDB
500
#317DCE
600
#2764A5
700
#1F5084
800
#193F67
900
#16304B
950
#0E1E30

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026