#1553b6

Color #1553b6

A vivid, highly saturated dark blue.

Closest named color Royal Blue #4169e1 · ΔE 14.51 Nearest Tailwind class blue-800 #193cb8 · ΔE 7.9

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

Conversions

HEX

#1553b6

RGB

rgb(21, 83, 182)

HSL

hsl(216.9, 79.3%, 39.8%)

HSV / HSB

hsv(216.9, 88.5%, 71.4%)

CMYK

cmyk(88.5%, 54.4%, 0%, 28.6%)

LAB

lab(37.34, 19.83, -57.56)

LCH

lch(37.34, 60.88, 289.01)

OKLCH

oklch(46.7%, 0.1689, 260.01)

HWB

hwb(216.9, 8.2%, 28.6%)

Harmony colors

Complementary

#b67815

Analogous

#15a3b6

#1553b6

#2815b6

Triadic

#1553b6

#b61553

#53b615

Split-complementary

#1553b6

#b62815

#a3b615

Tetradic

#1553b6

#7815b6

#b67815

#53b615

Square

#1553b6

#b615a3

#b67815

#15b628

Shades

Color #1553b6 mixed toward black.

#124598

#0e3779

#0b295b

#071c3d

#040e1e

Tints

Color #1553b6 mixed toward white.

#1a68e4

#4886ea

#75a4ef

#a3c2f4

#d1e1fa

Tones

Color #1553b6 mixed toward gray.

#2256a9

#30599b

#3d5c8e

#4b5f80

#586273

Accessibility

Aa White text on this color

7.13:1

Aa Black text on this color

2.94:1

White text reads better on this background (7.13:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#3a3aa5 · ΔE 10

Deuteranopia

#3631a0 · ΔE 12.2

Tritanopia

#1c9592 · ΔE 36.4

Achromatopsia

#585858 · ΔE 25.8

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

Code

CSS

background-color: #1553b6;

Tailwind (arbitrary value)

bg-[#1553b6]

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

#1553b6 (#1553b6) is rgb(21, 83, 182) in RGB.

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

Generate a palette → Check contrast