#ABCCF4

#ABCCF4

Color Values

HEX

#ABCCF4

RGB

171, 204, 244

HSL

212,9, 76,8%, 81,4%

HSV

212,9, 29,9%, 95,7%

CMYK

29,9%, 16,4%, 0,0%, 4,3%

OKLCH

0,8348 0,0666 253,5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ABCCF4

#F4D3AB

Analogous

#ABF0F4

#AFABF4

#ABCCF4

Triadic

#ABCCF4

#F4ABCC

#CCF4AB

Split Complementary

#ABCCF4

#F4AFAB

#F0F4AB

Tetradic

#ABCCF4

#F4ABF0

#F4D3AB

#ABF4AF

Color Blindness Simulation

Original

#ABCCF4

Protanopia

#B9BAEA

Deuteranopia

#B7B5E8

Tritanopia

#ADE3E1

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0D9F7
300
#93BDF1
400
#589AE9
500
#1E76E1
600
#185EB4
700
#134C90
800
#0F3B71
900
#0F2D52
950
#091D34

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,68:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026