#294866

Color #294866

A moderately saturated dark blue.

Closest named color Charcoal #36454f · ΔE 13.21 Nearest Tailwind class sky-900 #024a70 · ΔE 4.4

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

Conversions

HEX

#294866

RGB

rgb(41, 72, 102)

HSL

hsl(209.5, 42.7%, 28%)

HSV / HSB

hsv(209.5, 59.8%, 40%)

CMYK

cmyk(59.8%, 29.4%, 0%, 60%)

LAB

lab(29.58, -1.55, -21.01)

LCH

lch(29.58, 21.07, 265.78)

OKLCH

oklch(39.2%, 0.0632, 248.96)

HWB

hwb(209.5, 16.1%, 60%)

Harmony colors

Complementary

#664729

Analogous

#296665

#294866

#292966

Triadic

#294866

#662948

#486629

Split-complementary

#294866

#662929

#666529

Tetradic

#294866

#472966

#664729

#486629

Square

#294866

#652966

#664729

#296629

Shades

Color #294866 mixed toward black.

#223c55

#1b3044

#142433

#0e1822

#070c11

Tints

Color #294866 mixed toward white.

#3a6792

#5085b9

#7ca4ca

#a8c2dc

#d3e1ed

Tones

Color #294866 mixed toward gray.

#2e4861

#33485c

#384857

#3d4852

#42474c

Accessibility

Aa White text on this color

9.49:1

Aa Black text on this color

2.21:1

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

Under color vision deficiencies

Protanopia

#393960 · ΔE 11.3

Deuteranopia

#37345e · ΔE 12.4

Tritanopia

#2b5a59 · ΔE 17.7

Achromatopsia

#464646 · ΔE 14.3

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

Code

CSS

background-color: #294866;

Tailwind (arbitrary value)

bg-[#294866]

Related colors

Dodger Blue #1e90ff

Light Slate Gray #778899

Slate Gray #708090

Alice Blue #f0f8ff

Steel Blue #4682b4

Light Steel Blue #b0c4de

Frequently asked questions

#294866 (#294866) is rgb(41, 72, 102) in RGB.

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

Generate a palette → Check contrast