#607ee7

Color #607ee7

A vivid, highly saturated light blue.

Closest named color Royal Blue #4169e1 · ΔE 12.84 Nearest Tailwind class blue-500 #2b7fff · ΔE 5.5

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

Conversions

HEX

#607ee7

RGB

rgb(96, 126, 231)

HSL

hsl(226.7, 73.8%, 64.1%)

HSV / HSB

hsv(226.7, 58.4%, 90.6%)

CMYK

cmyk(58.4%, 45.5%, 0%, 9.4%)

LAB

lab(55.25, 20.35, -56.6)

LCH

lch(55.25, 60.15, 289.78)

OKLCH

oklch(62.2%, 0.1615, 269.29)

HWB

hwb(226.7, 37.6%, 9.4%)

Harmony colors

Complementary

#e7c960

Analogous

#60c1e7

#607ee7

#8660e7

Triadic

#607ee7

#e7607e

#7ee760

Split-complementary

#607ee7

#e78660

#c1e760

Tetradic

#607ee7

#c960e7

#e7c960

#7ee760

Square

#607ee7

#e760c1

#e7c960

#60e786

Shades

Color #607ee7 mixed toward black.

#3157e0

#1d40bd

#15308e

#0e205f

#07102f

Tints

Color #607ee7 mixed toward white.

#7a93eb

#95a9ef

#afbef3

#cad4f7

#e4e9fb

Tones

Color #607ee7 mixed toward gray.

#6b84dc

#768ad0

#8291c5

#8d97ba

#989daf

Accessibility

Aa White text on this color

3.73:1

Aa Black text on this color

5.64:1

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

Under color vision deficiencies

Protanopia

#6e6fd4 · ΔE 6.9

Deuteranopia

#6c6acf · ΔE 8.5

Tritanopia

#62c3bf · ΔE 34.6

Achromatopsia

#848484 · ΔE 25.6

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

Code

CSS

background-color: #607ee7;

Tailwind (arbitrary value)

bg-[#607ee7]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#607ee7 (#607ee7) is rgb(96, 126, 231) in RGB.

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

Generate a palette → Check contrast