#294c56

Color #294c56

A muted dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 6.59 Nearest Tailwind class cyan-900 #104e64 · ΔE 5

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

Conversions

HEX

#294c56

RGB

rgb(41, 76, 86)

HSL

hsl(193.3, 35.4%, 24.9%)

HSV / HSB

hsv(193.3, 52.3%, 33.7%)

CMYK

cmyk(52.3%, 11.6%, 0%, 66.3%)

LAB

lab(30.19, -9.53, -9.84)

LCH

lch(30.19, 13.7, 225.92)

OKLCH

oklch(39.4%, 0.0439, 218.33)

HWB

hwb(193.3, 16.1%, 66.3%)

Harmony colors

Complementary

#563329

Analogous

#295649

#294c56

#293656

Triadic

#294c56

#56294c

#4c5629

Split-complementary

#294c56

#562936

#564929

Tetradic

#294c56

#332956

#563329

#4c5629

Square

#294c56

#492956

#563329

#365629

Shades

Color #294c56 mixed toward black.

#223f48

#1b3339

#15262b

#0e191d

#070d0e

Tints

Color #294c56 mixed toward white.

#3e7281

#5298ac

#7db2c1

#a9ccd6

#d4e5ea

Tones

Color #294c56 mixed toward gray.

#2d4a52

#31484e

#34464b

#384447

#3c4243

Accessibility

Aa White text on this color

9.28:1

Aa Black text on this color

2.26:1

White text reads better on this background (9.28:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#3b3b54 · ΔE 18.4

Deuteranopia

#393653 · ΔE 20.4

Tritanopia

#2c5251 · ΔE 6.6

Achromatopsia

#474747 · ΔE 12.5

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

Code

CSS

background-color: #294c56;

Tailwind (arbitrary value)

bg-[#294c56]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Powder Blue #b0e0e6

Light Sky Blue #87cefa

Charcoal #36454f

Frequently asked questions

#294c56 (#294c56) is rgb(41, 76, 86) in RGB.

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

Generate a palette → Check contrast