#23446d

Color #23446d

A moderately saturated dark blue.

Closest named color Charcoal #36454f · ΔE 20.22 Nearest Tailwind class slate-700 #314158 · ΔE 5.6

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

Conversions

HEX

#23446d

RGB

rgb(35, 68, 109)

HSL

hsl(213.2, 51.4%, 28.2%)

HSV / HSB

hsv(213.2, 67.9%, 42.7%)

CMYK

cmyk(67.9%, 37.6%, 0%, 57.3%)

LAB

lab(28.37, 2.39, -27.38)

LCH

lch(28.37, 27.48, 274.99)

OKLCH

oklch(38.3%, 0.0805, 254.88)

HWB

hwb(213.2, 13.7%, 57.3%)

Harmony colors

Complementary

#6d4c23

Analogous

#23696d

#23446d

#27236d

Triadic

#23446d

#6d2344

#446d23

Split-complementary

#23446d

#6d2723

#696d23

Tetradic

#23446d

#4c236d

#6d4c23

#446d23

Square

#23446d

#6d2369

#6d4c23

#236d27

Shades

Color #23446d mixed toward black.

#1d395b

#172d49

#112236

#0c1724

#060b12

Tints

Color #23446d mixed toward white.

#32619b

#467ec4

#749ed3

#a3bfe1

#d1dff0

Tones

Color #23446d mixed toward gray.

#294567

#2f4561

#35465a

#3c4754

#42474e

Accessibility

Aa White text on this color

9.91:1

Aa Black text on this color

2.12:1

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

Under color vision deficiencies

Protanopia

#343465 · ΔE 9.3

Deuteranopia

#323063 · ΔE 10.2

Tritanopia

#255e5c · ΔE 22.2

Achromatopsia

#434343 · ΔE 17

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

Code

CSS

background-color: #23446d;

Tailwind (arbitrary value)

bg-[#23446d]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Cornflower Blue #6495ed

Frequently asked questions

#23446d (#23446d) is rgb(35, 68, 109) in RGB.

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

Generate a palette → Check contrast