#ABCCFC

#ABCCFC

Color Values

HEX

#ABCCFC

RGB

171, 204, 252

HSL

215,6, 93,1%, 82,9%

HSV

215,6, 32,1%, 98,8%

CMYK

32,1%, 19,0%, 0,0%, 1,2%

OKLCH

0,8378 0,0764 257,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ABCCFC

#FCDBAB

Analogous

#ABF4FC

#B2ABFC

#ABCCFC

Triadic

#ABCCFC

#FCABCC

#CCFCAB

Split Complementary

#ABCCFC

#FCB2AB

#F4FCAB

Tetradic

#ABCCFC

#FCABF4

#FCDBAB

#ABFCB2

Color Blindness Simulation

Original

#ABCCFC

Protanopia

#B9BAF0

Deuteranopia

#B7B5EE

Tritanopia

#ADE7E5

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD5FD
300
#89B7FB
400
#4990F8
500
#0969F6
600
#0754C5
700
#06439E
800
#04357B
900
#082959
950
#051A38

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

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