#5bf0e8

Color #5bf0e8

A vivid, highly saturated light cyan.

Closest named color Turquoise #40e0d0 · ΔE 7.71 Nearest Tailwind class teal-300 #46ecd5 · ΔE 5.1

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

Conversions

HEX

#5bf0e8

RGB

rgb(91, 240, 232)

HSL

hsl(176.8, 83.2%, 64.9%)

HSV / HSB

hsv(176.8, 62.1%, 94.1%)

CMYK

cmyk(62.1%, 0%, 3.3%, 5.9%)

LAB

lab(87.18, -41.01, -7.89)

LCH

lch(87.18, 41.76, 190.89)

OKLCH

oklch(87.4%, 0.1261, 190.1)

HWB

hwb(176.8, 35.7%, 5.9%)

Harmony colors

Complementary

#f05b63

Analogous

#5bf09e

#5bf0e8

#5badf0

Triadic

#5bf0e8

#e85bf0

#f0e85b

Split-complementary

#5bf0e8

#f05bad

#f09e5b

Tetradic

#5bf0e8

#5b63f0

#f05b63

#f0e85b

Square

#5bf0e8

#9e5bf0

#f05b63

#adf05b

Shades

Color #5bf0e8 mixed toward black.

#28ebe1

#13cac0

#0e9890

#096560

#053330

Tints

Color #5bf0e8 mixed toward white.

#76f2ec

#92f5f0

#adf7f4

#c8faf7

#e4fcfb

Tones

Color #5bf0e8 mixed toward gray.

#67e4dd

#74d7d2

#80cbc7

#8dbebc

#99b2b1

Accessibility

Aa White text on this color

1.39:1

Aa Black text on this color

15.07:1

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

Under color vision deficiencies

Protanopia

#b0b2ea · ΔE 32.6

Deuteranopia

#a89cea · ΔE 38.1

Tritanopia

#6aecec · ΔE 3.2

Achromatopsia

#dadada · ΔE 24.1

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

Code

CSS

background-color: #5bf0e8;

Tailwind (arbitrary value)

bg-[#5bf0e8]

Related colors

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Turquoise #40e0d0

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#5bf0e8 (#5bf0e8) is rgb(91, 240, 232) in RGB.

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

Generate a palette → Check contrast