#2761b2

Color #2761b2

A moderately saturated medium blue.

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

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

Conversions

HEX

#2761b2

RGB

rgb(39, 97, 178)

HSL

hsl(215, 64.1%, 42.5%)

HSV / HSB

hsv(215, 78.1%, 69.8%)

CMYK

cmyk(78.1%, 45.5%, 0%, 30.2%)

LAB

lab(41.52, 10.63, -48.43)

LCH

lch(41.52, 49.58, 282.38)

OKLCH

oklch(49.9%, 0.1422, 257.62)

HWB

hwb(215, 15.3%, 30.2%)

Harmony colors

Complementary

#b27827

Analogous

#27a6b2

#2761b2

#3227b2

Triadic

#2761b2

#b22761

#61b227

Split-complementary

#2761b2

#b23227

#a6b227

Tetradic

#2761b2

#7827b2

#b27827

#61b227

Square

#2761b2

#b227a6

#b27827

#27b232

Shades

Color #2761b2 mixed toward black.

#205194

#1a4177

#133059

#0d203b

#06101e

Tints

Color #2761b2 mixed toward white.

#3678d3

#5f93dc

#87aee5

#afc9ed

#d7e4f6

Tones

Color #2761b2 mixed toward gray.

#3263a6

#3e659b

#4a678f

#556984

#616a78

Accessibility

Aa White text on this color

6.11:1

Aa Black text on this color

3.44: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

#4748a3 · ΔE 11.5

Deuteranopia

#443f9f · ΔE 13.9

Tritanopia

#2c9693 · ΔE 32

Achromatopsia

#626262 · ΔE 23.5

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

Code

CSS

background-color: #2761b2;

Tailwind (arbitrary value)

bg-[#2761b2]

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

#2761b2 (#2761b2) is rgb(39, 97, 178) in RGB.

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

Generate a palette → Check contrast