#3d6ebc

Color #3d6ebc

A moderately saturated medium blue.

Closest named color Cornflower Blue #6495ed · ΔE 15.61 Nearest Tailwind class sky-700 #0069a8 · ΔE 6.7

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

Conversions

HEX

#3d6ebc

RGB

rgb(61, 110, 188)

HSL

hsl(216.9, 51%, 48.8%)

HSV / HSB

hsv(216.9, 67.6%, 73.7%)

CMYK

cmyk(67.6%, 41.5%, 0%, 26.3%)

LAB

lab(46.68, 9.19, -45.97)

LCH

lch(46.68, 46.88, 281.31)

OKLCH

oklch(54.3%, 0.1334, 259.33)

HWB

hwb(216.9, 23.9%, 26.3%)

Harmony colors

Complementary

#bc8b3d

Analogous

#3dadbc

#3d6ebc

#4c3dbc

Triadic

#3d6ebc

#bc3d6e

#6ebc3d

Split-complementary

#3d6ebc

#bc4c3d

#adbc3d

Tetradic

#3d6ebc

#8b3dbc

#bc8b3d

#6ebc3d

Square

#3d6ebc

#bc3dad

#bc8b3d

#3dbc4c

Shades

Color #3d6ebc mixed toward black.

#335c9d

#29497d

#1e375e

#14253f

#0a121f

Tints

Color #3d6ebc mixed toward white.

#5b85ca

#7c9ed4

#9cb6df

#bdceea

#dee7f4

Tones

Color #3d6ebc mixed toward gray.

#4870b1

#5273a7

#5d759c

#677892

#727a87

Accessibility

Aa White text on this color

5.05:1

Aa Black text on this color

4.15:1

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

Under color vision deficiencies

Protanopia

#5657ad · ΔE 11

Deuteranopia

#5450a9 · ΔE 13

Tritanopia

#41a09d · ΔE 30.4

Achromatopsia

#6f6f6f · ΔE 22.9

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

Code

CSS

background-color: #3d6ebc;

Tailwind (arbitrary value)

bg-[#3d6ebc]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Royal Blue #4169e1

Frequently asked questions

#3d6ebc (#3d6ebc) is rgb(61, 110, 188) in RGB.

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

Generate a palette → Check contrast