#085ade

Color #085ade

A vivid, highly saturated medium blue.

Closest named color Royal Blue #4169e1 · ΔE 10.28 Nearest Tailwind class blue-600 #155dfc · ΔE 4.2

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

Conversions

HEX

#085ade

RGB

rgb(8, 90, 222)

HSL

hsl(217, 93%, 45.1%)

HSV / HSB

hsv(217, 96.4%, 87.1%)

CMYK

cmyk(96.4%, 59.5%, 0%, 12.9%)

LAB

lab(42.21, 30.46, -72.78)

LCH

lch(42.21, 78.9, 292.71)

OKLCH

oklch(51.3%, 0.2136, 260.92)

HWB

hwb(217, 3.1%, 12.9%)

Harmony colors

Complementary

#de8c08

Analogous

#08c5de

#085ade

#2108de

Triadic

#085ade

#de085a

#5ade08

Split-complementary

#085ade

#de2108

#c5de08

Tetradic

#085ade

#8c08de

#de8c08

#5ade08

Square

#085ade

#de08c5

#de8c08

#08de21

Shades

Color #085ade mixed toward black.

#074bb9

#053c94

#042d6f

#031e4a

#010f25

Tints

Color #085ade mixed toward white.

#1e71f7

#4b8df8

#78aafa

#a5c6fc

#d2e3fd

Tones

Color #085ade mixed toward gray.

#1a5ecc

#2c62ba

#3e67a8

#4f6b97

#616f85

Accessibility

Aa White text on this color

5.95:1

Aa Black text on this color

3.53:1

White text reads better on this background (5.95:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#3c3dc8 · ΔE 10.1

Deuteranopia

#3832c2 · ΔE 12.8

Tritanopia

#15b4b0 · ΔE 42.5

Achromatopsia

#646464 · ΔE 28.4

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

Code

CSS

background-color: #085ade;

Tailwind (arbitrary value)

bg-[#085ade]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Royal Blue #4169e1

Frequently asked questions

#085ade (#085ade) is rgb(8, 90, 222) in RGB.

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

Generate a palette → Check contrast