#22213d

Color #22213d

A muted very dark blue.

Closest named color Charcoal #36454f · ΔE 21.13 Nearest Tailwind class slate-900 #0f172b · ΔE 6.4

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

Conversions

HEX

#22213d

RGB

rgb(34, 33, 61)

HSL

hsl(242.1, 29.8%, 18.4%)

HSV / HSB

hsv(242.1, 45.9%, 23.9%)

CMYK

cmyk(44.3%, 45.9%, 0%, 76.1%)

LAB

lab(14.2, 8.91, -17.82)

LCH

lch(14.2, 19.92, 296.57)

OKLCH

oklch(26.4%, 0.0516, 283.9)

HWB

hwb(242.1, 12.9%, 76.1%)

Harmony colors

Complementary

#3c3d21

Analogous

#212e3d

#22213d

#30213d

Triadic

#22213d

#3d2221

#213d22

Split-complementary

#22213d

#3d3021

#2e3d21

Tetradic

#22213d

#3d213c

#3c3d21

#213d22

Square

#22213d

#3d212e

#3c3d21

#213d30

Shades

Color #22213d mixed toward black.

#1c1b33

#171629

#11101e

#0b0b14

#06050a

Tints

Color #22213d mixed toward white.

#3b396a

#545297

#7a78b6

#a6a5ce

#d3d2e7

Tones

Color #22213d mixed toward gray.

#24233b

#262638

#282836

#2b2a34

#2d2d31

Accessibility

Aa White text on this color

15.52:1

Aa Black text on this color

1.35:1

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

Under color vision deficiencies

Protanopia

#222238 · ΔE 2.6

Deuteranopia

#222236 · ΔE 3.5

Tritanopia

#223332 · ΔE 20.3

Achromatopsia

#242424 · ΔE 14.8

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

Code

CSS

background-color: #22213d;

Tailwind (arbitrary value)

bg-[#22213d]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#22213d (#22213d) is rgb(34, 33, 61) in RGB.

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

Generate a palette → Check contrast