#3f787b

Color #3f787b

A muted dark cyan.

Closest named color Teal #008080 · ΔE 11.18 Nearest Tailwind class teal-700 #00786f · ΔE 7.9

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

Conversions

HEX

#3f787b

RGB

rgb(63, 120, 123)

HSL

hsl(183, 32.3%, 36.5%)

HSV / HSB

hsv(183, 48.8%, 48.2%)

CMYK

cmyk(48.8%, 2.4%, 0%, 51.8%)

LAB

lab(46.87, -17.8, -7.45)

LCH

lch(46.87, 19.3, 202.71)

OKLCH

oklch(53.5%, 0.0601, 199.94)

HWB

hwb(183, 24.7%, 51.8%)

Harmony colors

Complementary

#7b423f

Analogous

#3f7b60

#3f787b

#3f5a7b

Triadic

#3f787b

#7b3f78

#787b3f

Split-complementary

#3f787b

#7b3f5a

#7b603f

Tetradic

#3f787b

#423f7b

#7b423f

#787b3f

Square

#3f787b

#603f7b

#7b423f

#5a7b3f

Shades

Color #3f787b mixed toward black.

#356467

#2a5052

#203c3e

#152829

#0b1415

Tints

Color #3f787b mixed toward white.

#519b9f

#70b2b6

#94c6c8

#b8d9da

#dbeced

Tones

Color #3f787b mixed toward gray.

#447476

#496f71

#4e6b6c

#536667

#586262

Accessibility

Aa White text on this color

5.02:1

Aa Black text on this color

4.18:1

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

Under color vision deficiencies

Protanopia

#5d5e7a · ΔE 23.9

Deuteranopia

#5a557a · ΔE 27

Tritanopia

#437a7a · ΔE 1.5

Achromatopsia

#6f6f6f · ΔE 17

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

Code

CSS

background-color: #3f787b;

Tailwind (arbitrary value)

bg-[#3f787b]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#3f787b (#3f787b) is rgb(63, 120, 123) in RGB.

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

Generate a palette → Check contrast