#5b80f2

Color #5b80f2

A vivid, highly saturated light blue.

Closest named color Royal Blue #4169e1 · ΔE 10.21 Nearest Tailwind class blue-500 #2b7fff · ΔE 4.4

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

Conversions

HEX

#5b80f2

RGB

rgb(91, 128, 242)

HSL

hsl(225.3, 85.3%, 65.3%)

HSV / HSB

hsv(225.3, 62.4%, 94.9%)

CMYK

cmyk(62.4%, 47.1%, 0%, 5.1%)

LAB

lab(56.16, 21.88, -61.29)

LCH

lch(56.16, 65.08, 289.65)

OKLCH

oklch(63%, 0.1754, 267.65)

HWB

hwb(225.3, 35.7%, 5.1%)

Harmony colors

Complementary

#f2cd5b

Analogous

#5bcbf2

#5b80f2

#825bf2

Triadic

#5b80f2

#f25b80

#80f25b

Split-complementary

#5b80f2

#f2825b

#cbf25b

Tetradic

#5b80f2

#cd5bf2

#f2cd5b

#80f25b

Square

#5b80f2

#f25bcb

#f2cd5b

#5bf282

Shades

Color #5b80f2 mixed toward black.

#2858ee

#103fce

#0c2f9a

#081f67

#041033

Tints

Color #5b80f2 mixed toward white.

#7695f4

#92aaf6

#adc0f8

#c8d5fb

#e4eafd

Tones

Color #5b80f2 mixed toward gray.

#6886e5

#748dd9

#8193cc

#8d9ac0

#9aa0b3

Accessibility

Aa White text on this color

3.61:1

Aa Black text on this color

5.81:1

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

Under color vision deficiencies

Protanopia

#6d6ddd · ΔE 8.2

Deuteranopia

#6b68d8 · ΔE 9.8

Tritanopia

#5dcbc7 · ΔE 36.1

Achromatopsia

#878787 · ΔE 26.5

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

Code

CSS

background-color: #5b80f2;

Tailwind (arbitrary value)

bg-[#5b80f2]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#5b80f2 (#5b80f2) is rgb(91, 128, 242) in RGB.

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

Generate a palette → Check contrast