#19385f

Color #19385f

A moderately saturated dark blue.

Closest named color Charcoal #36454f · ΔE 20.36 Nearest Tailwind class sky-950 #052f4a · ΔE 5.6

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

Conversions

HEX

#19385f

RGB

rgb(25, 56, 95)

HSL

hsl(213.4, 58.3%, 23.5%)

HSV / HSB

hsv(213.4, 73.7%, 37.3%)

CMYK

cmyk(73.7%, 41.1%, 0%, 62.7%)

LAB

lab(23.21, 3.17, -26.57)

LCH

lch(23.21, 26.76, 276.8)

OKLCH

oklch(33.9%, 0.0781, 255.32)

HWB

hwb(213.4, 9.8%, 62.7%)

Harmony colors

Complementary

#5f4019

Analogous

#195b5f

#19385f

#1d195f

Triadic

#19385f

#5f1938

#385f19

Split-complementary

#19385f

#5f1d19

#5b5f19

Tetradic

#19385f

#40195f

#5f4019

#385f19

Square

#19385f

#5f195b

#5f4019

#195f1d

Shades

Color #19385f mixed toward black.

#152f4f

#11253f

#0c1c2f

#081320

#040910

Tints

Color #19385f mixed toward white.

#275692

#3475c6

#6597d6

#98bae4

#ccdcf1

Tones

Color #19385f mixed toward gray.

#1f3959

#253953

#2a3a4d

#303b48

#363b42

Accessibility

Aa White text on this color

11.85:1

Aa Black text on this color

1.77:1

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

Under color vision deficiencies

Protanopia

#292a57 · ΔE 8.4

Deuteranopia

#282556 · ΔE 9.8

Tritanopia

#1b514f · ΔE 22.2

Achromatopsia

#373737 · ΔE 16.8

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

Code

CSS

background-color: #19385f;

Tailwind (arbitrary value)

bg-[#19385f]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Cornflower Blue #6495ed

Alice Blue #f0f8ff

Frequently asked questions

#19385f (#19385f) is rgb(25, 56, 95) in RGB.

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

Generate a palette → Check contrast