#2169e0

Color #2169e0

A vivid, highly saturated medium blue.

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

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

Conversions

HEX

#2169e0

RGB

rgb(33, 105, 224)

HSL

hsl(217.4, 75.5%, 50.4%)

HSV / HSB

hsv(217.4, 85.3%, 87.8%)

CMYK

cmyk(85.3%, 53.1%, 0%, 12.2%)

LAB

lab(46.72, 22.67, -66.55)

LCH

lch(46.72, 70.31, 288.81)

OKLCH

oklch(54.8%, 0.1949, 260.25)

HWB

hwb(217.4, 12.9%, 12.2%)

Harmony colors

Complementary

#e09821

Analogous

#21c8e0

#2169e0

#3921e0

Triadic

#2169e0

#e02169

#69e021

Split-complementary

#2169e0

#e03921

#c8e021

Tetradic

#2169e0

#9821e0

#e09821

#69e021

Square

#2169e0

#e021c8

#e09821

#21e039

Shades

Color #2169e0 mixed toward black.

#1a57bc

#154696

#103471

#0a234b

#051126

Tints

Color #2169e0 mixed toward white.

#4682e5

#6b9bea

#90b4f0

#b5cdf5

#dae6fa

Tones

Color #2169e0 mixed toward gray.

#316dd0

#4171c0

#5175b0

#6179a0

#717d90

Accessibility

Aa White text on this color

5.05:1

Aa Black text on this color

4.16:1

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

Under color vision deficiencies

Protanopia

#4b4bcb · ΔE 11.8

Deuteranopia

#4741c6 · ΔE 14.3

Tritanopia

#28b9b4 · ΔE 39.4

Achromatopsia

#6f6f6f · ΔE 27.3

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

Code

CSS

background-color: #2169e0;

Tailwind (arbitrary value)

bg-[#2169e0]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Royal Blue #4169e1

Dodger Blue #1e90ff

Frequently asked questions

#2169e0 (#2169e0) is rgb(33, 105, 224) in RGB.

No, #2169e0 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #2169e0, or check how it holds up for accessibility.

Generate a palette → Check contrast