#08387b

Color #08387b

A vivid, highly saturated dark blue.

Closest named color Dark Slate Blue #483d8b · ΔE 14.31 Nearest Tailwind class blue-900 #1c398e · ΔE 3.8

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

Conversions

HEX

#08387b

RGB

rgb(8, 56, 123)

HSL

hsl(215, 87.8%, 25.7%)

HSV / HSB

hsv(215, 93.5%, 48.2%)

CMYK

cmyk(93.5%, 54.5%, 0%, 51.8%)

LAB

lab(24.67, 13.14, -42.23)

LCH

lch(24.67, 44.23, 287.28)

OKLCH

oklch(35.5%, 0.1243, 258.64)

HWB

hwb(215, 3.1%, 51.8%)

Harmony colors

Complementary

#7b4b08

Analogous

#08717b

#08387b

#12087b

Triadic

#08387b

#7b0838

#387b08

Split-complementary

#08387b

#7b1208

#717b08

Tetradic

#08387b

#4b087b

#7b4b08

#387b08

Square

#08387b

#7b0871

#7b4b08

#087b12

Shades

Color #08387b mixed toward black.

#072f67

#052552

#041c3e

#031329

#010915

Tints

Color #08387b mixed toward white.

#0c53b6

#126ef0

#4d92f3

#88b7f7

#c4dbfb

Tones

Color #08387b mixed toward gray.

#123a71

#1b3b68

#253d5e

#2e3e55

#38404b

Accessibility

Aa White text on this color

11.28:1

Aa Black text on this color

1.86:1

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

Under color vision deficiencies

Protanopia

#25256f · ΔE 8.4

Deuteranopia

#221f6c · ΔE 9.9

Tritanopia

#0e6562 · ΔE 29.5

Achromatopsia

#3b3b3b · ΔE 22.4

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

Code

CSS

background-color: #08387b;

Tailwind (arbitrary value)

bg-[#08387b]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#08387b (#08387b) is rgb(8, 56, 123) in RGB.

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

Generate a palette → Check contrast