#415fa9

Color #415fa9

A moderately saturated medium blue.

Closest named color Dark Slate Blue #483d8b · ΔE 17.16 Nearest Tailwind class sky-700 #0069a8 · ΔE 9

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

Conversions

HEX

#415fa9

RGB

rgb(65, 95, 169)

HSL

hsl(222.7, 44.4%, 45.9%)

HSV / HSB

hsv(222.7, 61.5%, 66.3%)

CMYK

cmyk(61.5%, 43.8%, 0%, 33.7%)

LAB

lab(41.49, 12.64, -43.13)

LCH

lch(41.49, 44.94, 286.33)

OKLCH

oklch(50%, 0.1233, 265.58)

HWB

hwb(222.7, 25.5%, 33.7%)

Harmony colors

Complementary

#a98b41

Analogous

#4193a9

#415fa9

#5741a9

Triadic

#415fa9

#a9415f

#5fa941

Split-complementary

#415fa9

#a95741

#93a941

Tetradic

#415fa9

#8b41a9

#a98b41

#5fa941

Square

#415fa9

#a94193

#a98b41

#41a957

Shades

Color #415fa9 mixed toward black.

#364f8d

#2b3f71

#213055

#162038

#0b101c

Tints

Color #415fa9 mixed toward white.

#5976bf

#7a92cc

#9badd9

#bdc8e5

#dee4f2

Tones

Color #415fa9 mixed toward gray.

#4a63a0

#526698

#5b6a8f

#646e86

#6c717e

Accessibility

Aa White text on this color

6.11:1

Aa Black text on this color

3.43:1

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

Under color vision deficiencies

Protanopia

#50509b · ΔE 7.4

Deuteranopia

#4e4c98 · ΔE 8.4

Tritanopia

#438f8c · ΔE 30.2

Achromatopsia

#626262 · ΔE 22.6

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

Code

CSS

background-color: #415fa9;

Tailwind (arbitrary value)

bg-[#415fa9]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#415fa9 (#415fa9) is rgb(65, 95, 169) in RGB.

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

Generate a palette → Check contrast