#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

Ş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