#56bdc2

Color #56bdc2

A moderately saturated medium cyan.

Closest named color Medium Turquoise #48d1cc · ΔE 11.3 Nearest Tailwind class cyan-400 #00d3f2 · ΔE 9.5

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

Conversions

HEX

#56bdc2

RGB

rgb(86, 189, 194)

HSL

hsl(182.8, 47%, 54.9%)

HSV / HSB

hsv(182.8, 55.7%, 76.1%)

CMYK

cmyk(55.7%, 2.6%, 0%, 23.9%)

LAB

lab(71.05, -28.24, -11.58)

LCH

lch(71.05, 30.52, 202.3)

OKLCH

oklch(74%, 0.0952, 199.63)

HWB

hwb(182.8, 33.7%, 23.9%)

Harmony colors

Complementary

#c25b56

Analogous

#56c291

#56bdc2

#5687c2

Triadic

#56bdc2

#c256bd

#bdc256

Split-complementary

#56bdc2

#c25687

#c29156

Tetradic

#56bdc2

#5b56c2

#c25b56

#bdc256

Square

#56bdc2

#9156c2

#c25b56

#87c256

Shades

Color #56bdc2 mixed toward black.

#3ea6ab

#318589

#256467

#194345

#0c2122

Tints

Color #56bdc2 mixed toward white.

#72c8cc

#8ed3d6

#aadee1

#c7e9eb

#e3f4f5

Tones

Color #56bdc2 mixed toward gray.

#5fb5b9

#68adb0

#71a4a7

#7a9c9e

#839495

Accessibility

Aa White text on this color

2.22:1

Aa Black text on this color

9.45:1

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

Under color vision deficiencies

Protanopia

#8f90c1 · ΔE 28.2

Deuteranopia

#8981c1 · ΔE 31.7

Tritanopia

#5fc0c0 · ΔE 2.1

Achromatopsia

#aeaeae · ΔE 21.5

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

Code

CSS

background-color: #56bdc2;

Tailwind (arbitrary value)

bg-[#56bdc2]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#56bdc2 (#56bdc2) is rgb(86, 189, 194) in RGB.

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

Generate a palette → Check contrast