#2859e9

Color #2859e9

A vivid, highly saturated medium blue.

Closest named color Medium Slate Blue #7b68ee · ΔE 15.06 Nearest Tailwind class blue-600 #155dfc · ΔE 2.6

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

Conversions

HEX

#2859e9

RGB

rgb(40, 89, 233)

HSL

hsl(224.8, 81.4%, 53.5%)

HSV / HSB

hsv(224.8, 82.8%, 91.4%)

CMYK

cmyk(82.8%, 61.8%, 0%, 8.6%)

LAB

lab(43.47, 36.77, -76.92)

LCH

lch(43.47, 85.26, 295.55)

OKLCH

oklch(52.7%, 0.2236, 264.89)

HWB

hwb(224.8, 15.7%, 8.6%)

Harmony colors

Complementary

#e9b828

Analogous

#28b9e9

#2859e9

#5828e9

Triadic

#2859e9

#e92859

#59e928

Split-complementary

#2859e9

#e95828

#b9e928

Tetradic

#2859e9

#b828e9

#e9b828

#59e928

Square

#2859e9

#e928b9

#e9b828

#28e958

Shades

Color #2859e9 mixed toward black.

#1544ce

#1136a5

#0d297c

#081b52

#040e29

Tints

Color #2859e9 mixed toward white.

#4c75ed

#7090f0

#93acf4

#b7c8f8

#dbe3fb

Tones

Color #2859e9 mixed toward gray.

#3861d9

#4869c9

#5871b9

#6879a9

#788099

Accessibility

Aa White text on this color

5.68:1

Aa Black text on this color

3.7:1

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

Under color vision deficiencies

Protanopia

#4243d2 · ΔE 7.6

Deuteranopia

#403ccb · ΔE 9.6

Tritanopia

#2cbcb7 · ΔE 44

Achromatopsia

#676767 · ΔE 29.2

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

Code

CSS

background-color: #2859e9;

Tailwind (arbitrary value)

bg-[#2859e9]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Navy #000080

Frequently asked questions

#2859e9 (#2859e9) is rgb(40, 89, 233) in RGB.

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

Generate a palette → Check contrast