#434ea5

Color #434ea5

A moderately saturated medium blue.

Closest named color Dark Slate Blue #483d8b · ΔE 9.31 Nearest Tailwind class blue-800 #193cb8 · ΔE 6.7

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

Conversions

HEX

#434ea5

RGB

rgb(67, 78, 165)

HSL

hsl(233.3, 42.2%, 45.5%)

HSV / HSB

hsv(233.3, 59.4%, 64.7%)

CMYK

cmyk(59.4%, 52.7%, 0%, 35.3%)

LAB

lab(36.66, 22.63, -48.48)

LCH

lch(36.66, 53.5, 295.02)

OKLCH

oklch(46.3%, 0.1392, 274.2)

HWB

hwb(233.3, 26.3%, 35.3%)

Harmony colors

Complementary

#a59a43

Analogous

#437fa5

#434ea5

#6943a5

Triadic

#434ea5

#a5434e

#4ea543

Split-complementary

#434ea5

#a56943

#7fa543

Tetradic

#434ea5

#9a43a5

#a59a43

#4ea543

Square

#434ea5

#a5437f

#a59a43

#43a569

Shades

Color #434ea5 mixed toward black.

#384189

#2d346e

#222752

#161a37

#0b0d1b

Tints

Color #434ea5 mixed toward white.

#5a65bc

#7b84c9

#9ca3d7

#bdc1e4

#dee0f2

Tones

Color #434ea5 mixed toward gray.

#4b549d

#535b95

#5c618d

#646784

#6c6e7c

Accessibility

Aa White text on this color

7.31:1

Aa Black text on this color

2.87:1

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

Under color vision deficiencies

Protanopia

#484896 · ΔE 3.4

Deuteranopia

#474792 · ΔE 3.9

Tritanopia

#448885 · ΔE 32.8

Achromatopsia

#565656 · ΔE 24.5

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

Code

CSS

background-color: #434ea5;

Tailwind (arbitrary value)

bg-[#434ea5]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#434ea5 (#434ea5) is rgb(67, 78, 165) in RGB.

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

Generate a palette → Check contrast