#84a4dc

Color #84a4dc

A moderately saturated light blue.

Closest named color Steel Blue #4682b4 · ΔE 16.18 Nearest Tailwind class indigo-300 #a3b3ff · ΔE 6.9

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

Conversions

HEX

#84a4dc

RGB

rgb(132, 164, 220)

HSL

hsl(218.2, 55.7%, 69%)

HSV / HSB

hsv(218.2, 40%, 86.3%)

CMYK

cmyk(40%, 25.5%, 0%, 13.7%)

LAB

lab(66.99, 3.05, -31.86)

LCH

lch(66.99, 32.01, 275.47)

OKLCH

oklch(71.6%, 0.0897, 261.35)

HWB

hwb(218.2, 51.8%, 13.7%)

Harmony colors

Complementary

#dcbc84

Analogous

#84d0dc

#84a4dc

#9084dc

Triadic

#84a4dc

#dc84a4

#a4dc84

Split-complementary

#84a4dc

#dc9084

#d0dc84

Tetradic

#84a4dc

#bc84dc

#dcbc84

#a4dc84

Square

#84a4dc

#dc84d0

#dcbc84

#84dc90

Shades

Color #84a4dc mixed toward black.

#5682cf

#3463b7

#274b89

#1a325b

#0d192e

Tints

Color #84a4dc mixed toward white.

#98b3e2

#adc2e8

#c1d1ed

#d6e1f3

#eaf0f9

Tones

Color #84a4dc mixed toward gray.

#8ba6d5

#93a8cd

#9aaac6

#a1acbf

#a9aeb7

Accessibility

Aa White text on this color

2.52:1

Aa Black text on this color

8.32:1

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

Under color vision deficiencies

Protanopia

#9393d0 · ΔE 9

Deuteranopia

#918fcd · ΔE 9.9

Tritanopia

#86c6c4 · ΔE 23

Achromatopsia

#a3a3a3 · ΔE 18.7

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

Code

CSS

background-color: #84a4dc;

Tailwind (arbitrary value)

bg-[#84a4dc]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#84a4dc (#84a4dc) is rgb(132, 164, 220) in RGB.

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

Generate a palette → Check contrast