#287474

Color #287474

A moderately saturated dark cyan.

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

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

Conversions

HEX

#287474

RGB

rgb(40, 116, 116)

HSL

hsl(180, 48.7%, 30.6%)

HSV / HSB

hsv(180, 65.5%, 45.5%)

CMYK

cmyk(65.5%, 0%, 0%, 54.5%)

LAB

lab(44.52, -22.71, -6.86)

LCH

lch(44.52, 23.72, 196.81)

OKLCH

oklch(51.3%, 0.073, 195.08)

HWB

hwb(180, 15.7%, 54.5%)

Harmony colors

Complementary

#742828

Analogous

#28744e

#287474

#284e74

Triadic

#287474

#742874

#747428

Split-complementary

#287474

#74284e

#744e28

Tetradic

#287474

#282874

#742828

#747428

Square

#287474

#4e2874

#742828

#4e7428

Shades

Color #287474 mixed toward black.

#216161

#1b4d4d

#143a3a

#0d2727

#071313

Tints

Color #287474 mixed toward white.

#37a0a0

#50c2c2

#7bd2d2

#a7e1e1

#d3f0f0

Tones

Color #287474 mixed toward gray.

#2e6e6e

#356767

#3b6161

#415b5b

#485454

Accessibility

Aa White text on this color

5.47:1

Aa Black text on this color

3.84:1

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

Under color vision deficiencies

Protanopia

#545474 · ΔE 26.9

Deuteranopia

#4f4974 · ΔE 29.5

Tritanopia

#2f7474 · ΔE 0.8

Achromatopsia

#696969 · ΔE 19.2

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

Code

CSS

background-color: #287474;

Tailwind (arbitrary value)

bg-[#287474]

Related colors

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Light Cyan #e0ffff

Pale Turquoise #afeeee

Frequently asked questions

#287474 (#287474) is rgb(40, 116, 116) in RGB.

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

Generate a palette → Check contrast