#286e79

Color #286e79

A moderately saturated dark cyan.

Closest named color Teal #008080 · ΔE 12.9 Nearest Tailwind class cyan-800 #005f78 · ΔE 7.8

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

Conversions

HEX

#286e79

RGB

rgb(40, 110, 121)

HSL

hsl(188.1, 50.3%, 31.6%)

HSV / HSB

hsv(188.1, 66.9%, 47.5%)

CMYK

cmyk(66.9%, 9.1%, 0%, 52.5%)

LAB

lab(42.74, -17.92, -12.55)

LCH

lch(42.74, 21.88, 215)

OKLCH

oklch(49.9%, 0.0706, 209.54)

HWB

hwb(188.1, 15.7%, 52.5%)

Harmony colors

Complementary

#793328

Analogous

#28795c

#286e79

#284679

Triadic

#286e79

#79286e

#6e7928

Split-complementary

#286e79

#792846

#795c28

Tetradic

#286e79

#332879

#793328

#6e7928

Square

#286e79

#5c2879

#793328

#467928

Shades

Color #286e79 mixed toward black.

#215c65

#1b4951

#14373d

#0d2528

#071214

Tints

Color #286e79 mixed toward white.

#3696a5

#50b5c5

#7cc8d4

#a8dae2

#d3edf1

Tones

Color #286e79 mixed toward gray.

#2f6972

#36646c

#3c5f65

#435a5e

#4a5657

Accessibility

Aa White text on this color

5.84:1

Aa Black text on this color

3.6:1

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

Under color vision deficiencies

Protanopia

#505076 · ΔE 24.4

Deuteranopia

#4c4676 · ΔE 26.1

Tritanopia

#2f7474 · ΔE 5.5

Achromatopsia

#656565 · ΔE 17.6

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

Code

CSS

background-color: #286e79;

Tailwind (arbitrary value)

bg-[#286e79]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Light Blue #add8e6

Deep Sky Blue #00bfff

Dark Turquoise #00ced1

Aqua #00ffff

Frequently asked questions

#286e79 (#286e79) is rgb(40, 110, 121) in RGB.

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

Generate a palette → Check contrast