Skip to content
Kolorvia
#3661ba

Color #3661ba

A moderately saturated medium blue.

Conversions

HEX
#3661ba
RGB
rgb(54, 97, 186)
HSL
hsl(220.5, 55%, 47.1%)
HSV / HSB
hsv(220.5, 71%, 72.9%)
CMYK
cmyk(71%, 47.8%, 0%, 27.1%)
LAB
lab(42.58, 15.63, -51.39)
LCH
lch(42.58, 53.71, 286.92)
OKLCH
oklch(51%, 0.1486, 262.85)
HWB
hwb(220.5, 21.2%, 27.1%)

Harmony colors

Complementary

#ba8f36

Analogous

#36a3ba
#3661ba
#4d36ba

Triadic

#3661ba
#ba3661
#61ba36

Split-complementary

#3661ba
#ba4d36
#a3ba36

Tetradic

#3661ba
#8f36ba
#ba8f36
#61ba36

Square

#3661ba
#ba36a3
#ba8f36
#36ba4d

Shades

Color #3661ba mixed toward black.

#2d519b
#24417c
#1b305d
#12203e
#09101f

Tints

Color #3661ba mixed toward white.

#5179cc
#7494d7
#96afe1
#b9c9eb
#dce4f5

Tones

Color #3661ba mixed toward gray.

#4165af
#4c69a4
#576d99
#62708e
#6d7483

Accessibility

Aa White text on this color
5.87:1
Aa Black text on this color
3.58:1

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

Under color vision deficiencies

Protanopia

#4c4daa · ΔE 9

Deuteranopia

#4a46a6 · ΔE 10.9

Tritanopia

#399c98 · ΔE 34.1

Achromatopsia

#656565 · ΔE 24.4

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

Code

CSS
background-color: #3661ba;
Tailwind (arbitrary value)
bg-[#3661ba]

Related colors

Cornflower Blue #6495ed
Royal Blue #4169e1
Light Steel Blue #b0c4de
Light Slate Gray #778899
Slate Gray #708090
Dodger Blue #1e90ff

Frequently asked questions

#3661ba (#3661ba) is rgb(54, 97, 186) in RGB.

No, #3661ba is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Build something with this color

Generate a full palette from #3661ba, or check how it holds up for accessibility.

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.