#a9bfdc

Color #a9bfdc

A moderately saturated light blue.

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

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

Conversions

HEX

#a9bfdc

RGB

rgb(169, 191, 220)

HSL

hsl(214.1, 42.1%, 76.3%)

HSV / HSB

hsv(214.1, 23.2%, 86.3%)

CMYK

cmyk(23.2%, 13.2%, 0%, 13.7%)

LAB

lab(76.6, -1.2, -16.97)

LCH

lch(76.6, 17.01, 265.96)

OKLCH

oklch(79.8%, 0.0479, 255.35)

HWB

hwb(214.1, 66.3%, 13.7%)

Harmony colors

Complementary

#dcc6a9

Analogous

#a9d9dc

#a9bfdc

#ada9dc

Triadic

#a9bfdc

#dca9bf

#bfdca9

Split-complementary

#a9bfdc

#dcada9

#d9dca9

Tetradic

#a9bfdc

#c6a9dc

#dcc6a9

#bfdca9

Square

#a9bfdc

#dca9d9

#dcc6a9

#a9dcad

Shades

Color #a9bfdc mixed toward black.

#7b9dc9

#4d7bb6

#385c8a

#263d5c

#131f2e

Tints

Color #a9bfdc mixed toward white.

#b7cae2

#c6d4e8

#d4dfee

#e2eaf3

#f1f4f9

Tones

Color #a9bfdc mixed toward gray.

#adc0d8

#b2c0d4

#b6c1cf

#bac1cb

#bec2c7

Accessibility

Aa White text on this color

1.88:1

Aa Black text on this color

11.17:1

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

Under color vision deficiencies

Protanopia

#b3b3d5 · ΔE 9.5

Deuteranopia

#b2b0d4 · ΔE 10.4

Tritanopia

#aad0cf · ΔE 15.2

Achromatopsia

#bdbdbd · ΔE 12.3

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

Code

CSS

background-color: #a9bfdc;

Tailwind (arbitrary value)

bg-[#a9bfdc]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Cornflower Blue #6495ed

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#a9bfdc (#a9bfdc) is rgb(169, 191, 220) in RGB.

No, #a9bfdc 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 #a9bfdc, or check how it holds up for accessibility.

Generate a palette → Check contrast