#abceef

Color #abceef

A moderately saturated very light blue.

Closest named color Light Steel Blue #b0c4de · ΔE 6.32 Nearest Tailwind class blue-200 #bedbff · ΔE 4.1

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#abceef

RGB

rgb(171, 206, 239)

HSL

hsl(209.1, 68%, 80.4%)

HSV / HSB

hsv(209.1, 28.5%, 93.7%)

CMYK

cmyk(28.5%, 13.8%, 0%, 6.3%)

LAB

lab(81.31, -4.19, -20.04)

LCH

lch(81.31, 20.47, 258.19)

OKLCH

oklch(83.7%, 0.0596, 247)

HWB

hwb(209.1, 67.1%, 6.3%)

Harmony colors

Complementary

#efccab

Analogous

#abefee

#abceef

#abacef

Triadic

#abceef

#efabce

#ceefab

Split-complementary

#abceef

#efabac

#efeeab

Tetradic

#abceef

#ccabef

#efccab

#ceefab

Square

#abceef

#eeabef

#efccab

#acefab

Shades

Color #abceef mixed toward black.

#72ade4

#388bd9

#2169ac

#164673

#0b2339

Tints

Color #abceef mixed toward white.

#b9d6f2

#c7def4

#d5e7f7

#e3effa

#f1f7fc

Tones

Color #abceef mixed toward gray.

#b1cee9

#b6cee4

#bccede

#c2cdd8

#c7cdd3

Accessibility

Aa White text on this color

1.64:1

Aa Black text on this color

12.81:1

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

Under color vision deficiencies

Protanopia

#bbbce8 · ΔE 12.5

Deuteranopia

#b9b6e6 · ΔE 13.7

Tritanopia

#ade1e0 · ΔE 15.4

Achromatopsia

#cacaca · ΔE 14.3

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

Code

CSS

background-color: #abceef;

Tailwind (arbitrary value)

bg-[#abceef]

Related colors

Dodger Blue #1e90ff

Light Slate Gray #778899

Slate Gray #708090

Alice Blue #f0f8ff

Steel Blue #4682b4

Light Steel Blue #b0c4de

Frequently asked questions

#abceef (#abceef) is rgb(171, 206, 239) in RGB.

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

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

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

Generate a palette → Check contrast