Skip to content
Kolorvia
#56a2df

Color #56a2df

A moderately saturated light blue.

Conversions

HEX
#56a2df
RGB
rgb(86, 162, 223)
HSL
hsl(206.7, 68.2%, 60.6%)
HSV / HSB
hsv(206.7, 61.4%, 87.5%)
CMYK
cmyk(61.4%, 27.4%, 0%, 12.5%)
LAB
lab(64.28, -5.32, -37.91)
LCH
lch(64.28, 38.28, 262.01)
OKLCH
oklch(68.9%, 0.1178, 244.94)
HWB
hwb(206.7, 33.7%, 12.5%)

Harmony colors

Complementary

#df9356

Analogous

#56dfd8
#56a2df
#565edf

Triadic

#56a2df
#df56a2
#a2df56

Split-complementary

#56a2df
#df565e
#dfd856

Tetradic

#56a2df
#9356df
#df9356
#a2df56

Square

#56a2df
#d856df
#df9356
#5edf56

Shades

Color #56a2df mixed toward black.

#2b8ad7
#216fad
#195382
#103757
#081c2b

Tints

Color #56a2df mixed toward white.

#72b2e4
#8ec1ea
#abd1ef
#c7e0f4
#e3f0fa

Tones

Color #56a2df mixed toward gray.

#61a1d4
#6da0c8
#789ebd
#849db1
#8f9ca6

Accessibility

Aa White text on this color
2.75:1
Aa Black text on this color
7.63:1

Black text reads better on this background (7.63:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#7e7fd2 · ΔE 17.4

Deuteranopia

#7a74cf · ΔE 20.2

Tritanopia

#5cc8c5 · ΔE 23.3

Achromatopsia

#9c9c9c · ΔE 20.6

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

Code

CSS
background-color: #56a2df;
Tailwind (arbitrary value)
bg-[#56a2df]

Related colors

Steel Blue #4682b4
Alice Blue #f0f8ff
Charcoal #36454f
Dodger Blue #1e90ff
Light Slate Gray #778899
Slate Gray #708090

Frequently asked questions

#56a2df (#56a2df) is rgb(86, 162, 223) in RGB.

No, #56a2df 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 #56a2df, 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.