Skip to content
Kolorvia
#2c6bc9

Color #2c6bc9

A moderately saturated medium blue.

Conversions

HEX
#2c6bc9
RGB
rgb(44, 107, 201)
HSL
hsl(215.9, 64.1%, 48%)
HSV / HSB
hsv(215.9, 78.1%, 78.8%)
CMYK
cmyk(78.1%, 46.8%, 0%, 21.2%)
LAB
lab(46, 13.57, -54.59)
LCH
lch(46, 56.25, 283.96)
OKLCH
oklch(53.9%, 0.1599, 258.6)
HWB
hwb(215.9, 17.3%, 21.2%)

Harmony colors

Complementary

#c98a2c

Analogous

#2cb9c9
#2c6bc9
#3b2cc9

Triadic

#2c6bc9
#c92c6b
#6bc92c

Split-complementary

#2c6bc9
#c93b2c
#b9c92c

Tetradic

#2c6bc9
#8a2cc9
#c98a2c
#6bc92c

Square

#2c6bc9
#c92cb9
#c98a2c
#2cc93b

Shades

Color #2c6bc9 mixed toward black.

#2559a7
#1d4786
#163564
#0f2443
#071221

Tints

Color #2c6bc9 mixed toward white.

#4a83d7
#6e9bdf
#92b4e7
#b6cdef
#dbe6f7

Tones

Color #2c6bc9 mixed toward gray.

#396ebc
#4670af
#5373a2
#607595
#6d7887

Accessibility

Aa White text on this color
5.18:1
Aa Black text on this color
4.05:1

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

Under color vision deficiencies

Protanopia

#4f4fb8 · ΔE 12.3

Deuteranopia

#4b46b3 · ΔE 14.7

Tritanopia

#31a9a5 · ΔE 34.5

Achromatopsia

#6d6d6d · ΔE 24.9

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

Code

CSS
background-color: #2c6bc9;
Tailwind (arbitrary value)
bg-[#2c6bc9]

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

#2c6bc9 (#2c6bc9) is rgb(44, 107, 201) in RGB.

No, #2c6bc9 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 #2c6bc9, 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.