#4b86e3

Color #4b86e3

A vivid, highly saturated medium blue.

Closest named color Cornflower Blue #6495ed · ΔE 6.91 Nearest Tailwind class blue-500 #2b7fff · ΔE 3.3

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

Conversions

HEX

#4b86e3

RGB

rgb(75, 134, 227)

HSL

hsl(216.7, 73.1%, 59.2%)

HSV / HSB

hsv(216.7, 67%, 89%)

CMYK

cmyk(67%, 41%, 0%, 11%)

LAB

lab(56.18, 10.47, -52.95)

LCH

lch(56.18, 53.98, 281.19)

OKLCH

oklch(62.5%, 0.1537, 259.17)

HWB

hwb(216.7, 29.4%, 11%)

Harmony colors

Complementary

#e3a84b

Analogous

#4bd2e3

#4b86e3

#5c4be3

Triadic

#4b86e3

#e34b86

#86e34b

Split-complementary

#4b86e3

#e35c4b

#d2e34b

Tetradic

#4b86e3

#a84be3

#e3a84b

#86e34b

Square

#4b86e3

#e34bd2

#e3a84b

#4be35c

Shades

Color #4b86e3 mixed toward black.

#2269da

#1b54ae

#143f83

#0e2a57

#07152c

Tints

Color #4b86e3 mixed toward white.

#699ae8

#87aeec

#a5c2f1

#c3d7f6

#e1ebfa

Tones

Color #4b86e3 mixed toward gray.

#5889d6

#648cca

#718ebd

#7e91b0

#8a94a4

Accessibility

Aa White text on this color

3.61:1

Aa Black text on this color

5.82:1

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

Under color vision deficiencies

Protanopia

#6a6ad1 · ΔE 12.9

Deuteranopia

#6661cd · ΔE 15.5

Tritanopia

#4fc2be · ΔE 32.3

Achromatopsia

#878787 · ΔE 24.4

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

Code

CSS

background-color: #4b86e3;

Tailwind (arbitrary value)

bg-[#4b86e3]

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

#4b86e3 (#4b86e3) is rgb(75, 134, 227) in RGB.

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

Generate a palette → Check contrast