#2e7781

Color #2e7781

A moderately saturated dark cyan.

Closest named color Teal #008080 · ΔE 10.6 Nearest Tailwind class cyan-700 #007595 · ΔE 8

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

Conversions

HEX

#2e7781

RGB

rgb(46, 119, 129)

HSL

hsl(187.2, 47.4%, 34.3%)

HSV / HSB

hsv(187.2, 64.3%, 50.6%)

CMYK

cmyk(64.3%, 7.8%, 0%, 49.4%)

LAB

lab(46.12, -19.15, -12.2)

LCH

lch(46.12, 22.71, 212.5)

OKLCH

oklch(52.8%, 0.0728, 207.66)

HWB

hwb(187.2, 18%, 49.4%)

Harmony colors

Complementary

#81382e

Analogous

#2e8161

#2e7781

#2e4e81

Triadic

#2e7781

#812e77

#77812e

Split-complementary

#2e7781

#812e4e

#81612e

Tetradic

#2e7781

#382e81

#81382e

#77812e

Square

#2e7781

#612e81

#81382e

#4e812e

Shades

Color #2e7781 mixed toward black.

#26636b

#1f4f56

#173b40

#0f282b

#081415

Tints

Color #2e7781 mixed toward white.

#3d9daa

#5ab8c4

#84c9d3

#addbe2

#d6edf0

Tones

Color #2e7781 mixed toward gray.

#35727a

#3c6c73

#43676c

#4a6265

#515d5e

Accessibility

Aa White text on this color

5.16:1

Aa Black text on this color

4.07:1

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

Under color vision deficiencies

Protanopia

#57587f · ΔE 24.8

Deuteranopia

#534d7e · ΔE 27

Tritanopia

#357d7c · ΔE 5.3

Achromatopsia

#6d6d6d · ΔE 18.1

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

Code

CSS

background-color: #2e7781;

Tailwind (arbitrary value)

bg-[#2e7781]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#2e7781 (#2e7781) is rgb(46, 119, 129) in RGB.

No, #2e7781 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #2e7781, or check how it holds up for accessibility.

Generate a palette → Check contrast