Skip to content
Kolorvia
#abccf2

Color #abccf2

A vivid, highly saturated very light blue.

Conversions

HEX
#abccf2
RGB
rgb(171, 204, 242)
HSL
hsl(212.1, 73.2%, 81%)
HSV / HSB
hsv(212.1, 29.3%, 94.9%)
CMYK
cmyk(29.3%, 15.7%, 0%, 5.1%)
LAB
lab(80.88, -2.42, -22.29)
LCH
lch(80.88, 22.42, 263.8)
OKLCH
oklch(83.4%, 0.0643, 252.16)
HWB
hwb(212.1, 67.1%, 5.1%)

Harmony colors

Complementary

#f2d1ab

Analogous

#abf0f2
#abccf2
#aeabf2

Triadic

#abccf2
#f2abcc
#ccf2ab

Split-complementary

#abccf2
#f2aeab
#f0f2ab

Tetradic

#abccf2
#d1abf2
#f2d1ab
#ccf2ab

Square

#abccf2
#f2abf0
#f2d1ab
#abf2ae

Shades

Color #abccf2 mixed toward black.

#6fa8e9
#3484e0
#1c62b3
#124177
#09213c

Tints

Color #abccf2 mixed toward white.

#b9d5f4
#c7ddf6
#d5e6f9
#e3eefb
#f1f7fd

Tones

Color #abccf2 mixed toward gray.

#b1ccec
#b7cde6
#bdcde0
#c3ceda
#c9ced4

Accessibility

Aa White text on this color
1.66:1
Aa Black text on this color
12.65:1

Black text reads better on this background (12.65:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#babbea · ΔE 10.9

Deuteranopia

#b8b6e7 · ΔE 11.9

Tritanopia

#ade3e1 · ΔE 17.7

Achromatopsia

#c9c9c9 · ΔE 15

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS
background-color: #abccf2;
Tailwind (arbitrary value)
bg-[#abccf2]

Related colors

Light Steel Blue #b0c4de
Light Slate Gray #778899
Slate Gray #708090
Dodger Blue #1e90ff
Alice Blue #f0f8ff
Steel Blue #4682b4

Frequently asked questions

#abccf2 (#abccf2) is rgb(171, 204, 242) in RGB.

No, #abccf2 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Build something with this color

Generate a full palette from #abccf2, or check how it holds up for accessibility.

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.