#294f67

Color #294f67

A moderately saturated dark blue.

Closest named color Charcoal #36454f · ΔE 10.93 Nearest Tailwind class cyan-900 #104e64 · ΔE 4.2

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

Conversions

HEX

#294f67

RGB

rgb(41, 79, 103)

HSL

hsl(203.2, 43.1%, 28.2%)

HSV / HSB

hsv(203.2, 60.2%, 40.4%)

CMYK

cmyk(60.2%, 23.3%, 0%, 59.6%)

LAB

lab(31.9, -5.66, -18.03)

LCH

lch(31.9, 18.9, 252.57)

OKLCH

oklch(41%, 0.0593, 238.24)

HWB

hwb(203.2, 16.1%, 59.6%)

Harmony colors

Complementary

#674129

Analogous

#296760

#294f67

#293067

Triadic

#294f67

#67294f

#4f6729

Split-complementary

#294f67

#672930

#676029

Tetradic

#294f67

#412967

#674129

#4f6729

Square

#294f67

#602967

#674129

#306729

Shades

Color #294f67 mixed toward black.

#224256

#1b3545

#142733

#0e1a22

#070d11

Tints

Color #294f67 mixed toward white.

#3a7093

#5091ba

#7caccb

#a8c8dc

#d3e3ee

Tones

Color #294f67 mixed toward gray.

#2e4e62

#334d5d

#384b57

#3e4a52

#43494d

Accessibility

Aa White text on this color

8.72:1

Aa Black text on this color

2.41:1

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

Under color vision deficiencies

Protanopia

#3d3d62 · ΔE 15.2

Deuteranopia

#3b3861 · ΔE 16.1

Tritanopia

#2c5e5d · ΔE 14.4

Achromatopsia

#4b4b4b · ΔE 13.7

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

Code

CSS

background-color: #294f67;

Tailwind (arbitrary value)

bg-[#294f67]

Related colors

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Alice Blue #f0f8ff

Sky Blue #87ceeb

Dodger Blue #1e90ff

Frequently asked questions

#294f67 (#294f67) is rgb(41, 79, 103) in RGB.

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

Generate a palette → Check contrast