#5ba4a1

Color #5ba4a1

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 4.58 Nearest Tailwind class teal-600 #009689 · ΔE 8.9

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

Conversions

HEX

#5ba4a1

RGB

rgb(91, 164, 161)

HSL

hsl(177.5, 28.6%, 50%)

HSV / HSB

hsv(177.5, 44.5%, 64.3%)

CMYK

cmyk(44.5%, 0%, 1.8%, 35.7%)

LAB

lab(62.8, -23.53, -5.56)

LCH

lch(62.8, 24.18, 193.29)

OKLCH

oklch(67.1%, 0.0734, 192.11)

HWB

hwb(177.5, 35.7%, 35.7%)

Harmony colors

Complementary

#a45b5e

Analogous

#5ba47c

#5ba4a1

#5b83a4

Triadic

#5ba4a1

#a15ba4

#a4a15b

Split-complementary

#5ba4a1

#a45b83

#a47c5b

Tetradic

#5ba4a1

#5b5ea4

#a45b5e

#a4a15b

Square

#5ba4a1

#7c5ba4

#a45b5e

#83a45b

Shades

Color #5ba4a1 mixed toward black.

#4c8986

#3d6d6b

#2e5250

#1e3736

#0f1b1b

Tints

Color #5ba4a1 mixed toward white.

#76b3b1

#92c2c0

#add1d0

#c8e1e0

#e4f0ef

Tones

Color #5ba4a1 mixed toward gray.

#619e9b

#679896

#6d9290

#738c8b

#798685

Accessibility

Aa White text on this color

2.89:1

Aa Black text on this color

7.27:1

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

Under color vision deficiencies

Protanopia

#8182a2 · ΔE 26.6

Deuteranopia

#7d77a2 · ΔE 29.7

Tritanopia

#60a2a2 · ΔE 1.8

Achromatopsia

#989898 · ΔE 19.5

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

Code

CSS

background-color: #5ba4a1;

Tailwind (arbitrary value)

bg-[#5ba4a1]

Related colors

Medium Turquoise #48d1cc

Light Sea Green #20b2aa

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#5ba4a1 (#5ba4a1) is rgb(91, 164, 161) in RGB.

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

Generate a palette → Check contrast