#aebec7

Color #aebec7

A muted light blue.

Closest named color Silver #c0c0c0 · ΔE 7.55 Nearest Tailwind class mist-400 #9ca8ab · ΔE 6.7

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

Conversions

HEX

#aebec7

RGB

rgb(174, 190, 199)

HSL

hsl(201.6, 18.2%, 73.1%)

HSV / HSB

hsv(201.6, 12.6%, 78%)

CMYK

cmyk(12.6%, 4.5%, 0%, 22%)

LAB

lab(76.04, -3.65, -6.4)

LCH

lch(76.04, 7.37, 240.3)

OKLCH

oklch(79.2%, 0.0218, 232.08)

HWB

hwb(201.6, 68.2%, 22%)

Harmony colors

Complementary

#c7b7ae

Analogous

#aec7c3

#aebec7

#aeb1c7

Triadic

#aebec7

#c7aebe

#bec7ae

Split-complementary

#aebec7

#c7aeb1

#c7c3ae

Tetradic

#aebec7

#b7aec7

#c7b7ae

#bec7ae

Square

#aebec7

#c3aec7

#c7b7ae

#b1c7ae

Shades

Color #aebec7 mixed toward black.

#89a0ad

#668393

#4c626e

#334149

#192125

Tints

Color #aebec7 mixed toward white.

#bbc9d0

#c9d4da

#d6dee3

#e4e9ec

#f1f4f6

Tones

Color #aebec7 mixed toward gray.

#b0bdc5

#b2bdc3

#b4bcc1

#b6bcbf

#b8bbbc

Accessibility

Aa White text on this color

1.91:1

Aa Black text on this color

10.99:1

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

Under color vision deficiencies

Protanopia

#b5b5c5 · ΔE 9.2

Deuteranopia

#b4b3c4 · ΔE 10

Tritanopia

#afc3c3 · ΔE 5.3

Achromatopsia

#bbbbbb · ΔE 7.1

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

Code

CSS

background-color: #aebec7;

Tailwind (arbitrary value)

bg-[#aebec7]

Related colors

Light Sky Blue #87cefa

Charcoal #36454f

Sky Blue #87ceeb

Steel Blue #4682b4

Alice Blue #f0f8ff

Deep Sky Blue #00bfff

Frequently asked questions

#aebec7 (#aebec7) is rgb(174, 190, 199) in RGB.

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

Generate a palette → Check contrast