#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