#293fcc

Color #293fcc

A moderately saturated medium blue.

Closest named color Medium Slate Blue #7b68ee · ΔE 19.74 Nearest Tailwind class blue-800 #193cb8 · ΔE 3.2

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

Conversions

HEX

#293fcc

RGB

rgb(41, 63, 204)

HSL

hsl(231.9, 66.5%, 48%)

HSV / HSB

hsv(231.9, 79.9%, 80%)

CMYK

cmyk(79.9%, 69.1%, 0%, 20%)

LAB

lab(34.77, 42.6, -74.61)

LCH

lch(34.77, 85.92, 299.73)

OKLCH

oklch(45.5%, 0.2162, 268.41)

HWB

hwb(231.9, 16.1%, 20%)

Harmony colors

Complementary

#ccb629

Analogous

#2990cc

#293fcc

#6429cc

Triadic

#293fcc

#cc293f

#3fcc29

Split-complementary

#293fcc

#cc6429

#90cc29

Tetradic

#293fcc

#b629cc

#ccb629

#3fcc29

Square

#293fcc

#cc2990

#ccb629

#29cc64

Shades

Color #293fcc mixed toward black.

#2234aa

#1b2a88

#151f66

#0e1544

#070a22

Tints

Color #293fcc mixed toward white.

#475bda

#6c7ce1

#919de9

#b5bdf0

#dadef8

Tones

Color #293fcc mixed toward gray.

#3749be

#4453b1

#525da3

#5f6796

#6d7088

Accessibility

Aa White text on this color

7.84:1

Aa Black text on this color

2.68:1

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

Under color vision deficiencies

Protanopia

#3434b6 · ΔE 4.2

Deuteranopia

#3331b1 · ΔE 5.2

Tritanopia

#2aa39e · ΔE 44.8

Achromatopsia

#525252 · ΔE 29.3

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

Code

CSS

background-color: #293fcc;

Tailwind (arbitrary value)

bg-[#293fcc]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#293fcc (#293fcc) is rgb(41, 63, 204) in RGB.

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

Generate a palette → Check contrast