#358a86

Color #358a86

A moderately saturated dark cyan.

Closest named color Dark Cyan #008b8b · ΔE 5.67 Nearest Tailwind class teal-600 #009689 · ΔE 5.8

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

Conversions

HEX

#358a86

RGB

rgb(53, 138, 134)

HSL

hsl(177.2, 44.5%, 37.5%)

HSV / HSB

hsv(177.2, 61.6%, 54.1%)

CMYK

cmyk(61.6%, 0%, 2.9%, 45.9%)

LAB

lab(52.57, -26.21, -5.46)

LCH

lch(52.57, 26.77, 191.77)

OKLCH

oklch(58.1%, 0.081, 190.81)

HWB

hwb(177.2, 20.8%, 45.9%)

Harmony colors

Complementary

#8a3539

Analogous

#358a5c

#358a86

#35648a

Triadic

#358a86

#86358a

#8a8635

Split-complementary

#358a86

#8a3564

#8a5c35

Tetradic

#358a86

#35398a

#8a3539

#8a8635

Square

#358a86

#5c358a

#8a3539

#648a35

Shades

Color #358a86 mixed toward black.

#2c7370

#235c59

#1b4543

#122e2d

#091716

Tints

Color #358a86 mixed toward white.

#44b1ab

#65c4c0

#8cd3cf

#b2e2df

#d9f0ef

Tones

Color #358a86 mixed toward gray.

#3c8380

#437c79

#4a7573

#516e6c

#596766

Accessibility

Aa White text on this color

4.09:1

Aa Black text on this color

5.13:1

Black text reads better on this background (5.13:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#656687 · ΔE 28

Deuteranopia

#605a87 · ΔE 31.3

Tritanopia

#3d8888 · ΔE 2.2

Achromatopsia

#7d7d7d · ΔE 20.6

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

Code

CSS

background-color: #358a86;

Tailwind (arbitrary value)

bg-[#358a86]

Related colors

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#358a86 (#358a86) is rgb(53, 138, 134) in RGB.

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

Generate a palette → Check contrast