#366b63

Color #366b63

A muted dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 13.37 Nearest Tailwind class teal-800 #005f5a · ΔE 6

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

Conversions

HEX

#366b63

RGB

rgb(54, 107, 99)

HSL

hsl(170.9, 32.9%, 31.6%)

HSV / HSB

hsv(170.9, 49.5%, 42%)

CMYK

cmyk(49.5%, 0%, 7.5%, 58%)

LAB

lab(41.53, -19.83, -0.98)

LCH

lch(41.53, 19.85, 182.83)

OKLCH

oklch(48.9%, 0.0585, 182.84)

HWB

hwb(170.9, 21.2%, 58%)

Harmony colors

Complementary

#6b363e

Analogous

#366b49

#366b63

#36596b

Triadic

#366b63

#63366b

#6b6336

Split-complementary

#366b63

#6b3659

#6b4936

Tetradic

#366b63

#363e6b

#6b363e

#6b6336

Square

#366b63

#49366b

#6b363e

#596b36

Shades

Color #366b63 mixed toward black.

#2d5953

#244742

#1b3632

#122421

#091211

Tints

Color #366b63 mixed toward white.

#4a9287

#64b1a5

#8bc4bc

#b2d8d2

#d8ebe9

Tones

Color #366b63 mixed toward gray.

#3a6760

#3f625d

#435e5a

#485957

#4c5554

Accessibility

Aa White text on this color

6.1:1

Aa Black text on this color

3.44:1

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

Under color vision deficiencies

Protanopia

#525365 · ΔE 23.6

Deuteranopia

#4f4b65 · ΔE 27.6

Tritanopia

#3a6767 · ΔE 4.4

Achromatopsia

#626262 · ΔE 17.7

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

Code

CSS

background-color: #366b63;

Tailwind (arbitrary value)

bg-[#366b63]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#366b63 (#366b63) is rgb(54, 107, 99) in RGB.

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

Generate a palette → Check contrast