#5bb2dc

Color #5bb2dc

A moderately saturated light cyan.

Closest named color Light Sky Blue #87cefa · ΔE 11.29 Nearest Tailwind class sky-400 #00bcff · ΔE 5.5

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

Conversions

HEX

#5bb2dc

RGB

rgb(91, 178, 220)

HSL

hsl(199.5, 64.8%, 61%)

HSV / HSB

hsv(199.5, 58.6%, 86.3%)

CMYK

cmyk(58.6%, 19.1%, 0%, 13.7%)

LAB

lab(68.92, -14.07, -29.05)

LCH

lch(68.92, 32.28, 244.16)

OKLCH

oklch(72.6%, 0.1036, 231.55)

HWB

hwb(199.5, 35.7%, 13.7%)

Harmony colors

Complementary

#dc855b

Analogous

#5bdcc5

#5bb2dc

#5b72dc

Triadic

#5bb2dc

#dc5bb2

#b2dc5b

Split-complementary

#5bb2dc

#dc5b72

#dcc55b

Tetradic

#5bb2dc

#855bdc

#dc855b

#b2dc5b

Square

#5bb2dc

#c55bdc

#dc855b

#72dc5b

Shades

Color #5bb2dc mixed toward black.

#309ed3

#257fab

#1b5f80

#124055

#09202b

Tints

Color #5bb2dc mixed toward white.

#76bfe2

#92cce8

#add9ed

#c8e5f3

#e4f2f9

Tones

Color #5bb2dc mixed toward gray.

#66aed1

#71abc7

#7ba7bc

#86a3b1

#919fa6

Accessibility

Aa White text on this color

2.37:1

Aa Black text on this color

8.85:1

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

Under color vision deficiencies

Protanopia

#898ad3 · ΔE 20.9

Deuteranopia

#847dd1 · ΔE 23.5

Tritanopia

#62cbc9 · ΔE 16.8

Achromatopsia

#a8a8a8 · ΔE 19.6

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

Code

CSS

background-color: #5bb2dc;

Tailwind (arbitrary value)

bg-[#5bb2dc]

Related colors

Sky Blue #87ceeb

Light Sky Blue #87cefa

Deep Sky Blue #00bfff

Charcoal #36454f

Light Blue #add8e6

Steel Blue #4682b4

Frequently asked questions

#5bb2dc (#5bb2dc) is rgb(91, 178, 220) in RGB.

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

Generate a palette → Check contrast