#302f43

Color #302f43

A muted dark blue.

Closest named color Charcoal #36454f · ΔE 12.87 Nearest Tailwind class slate-800 #1d293d · ΔE 6.5

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

Conversions

HEX

#302f43

RGB

rgb(48, 47, 67)

HSL

hsl(243, 17.5%, 22.4%)

HSV / HSB

hsv(243, 29.9%, 26.3%)

CMYK

cmyk(28.4%, 29.9%, 0%, 73.7%)

LAB

lab(20.31, 5.76, -12.35)

LCH

lch(20.31, 13.63, 295)

OKLCH

oklch(31.5%, 0.0355, 286.54)

HWB

hwb(243, 18.4%, 73.7%)

Harmony colors

Complementary

#42432f

Analogous

#2f3843

#302f43

#3a2f43

Triadic

#302f43

#43302f

#2f4330

Split-complementary

#302f43

#433a2f

#38432f

Tetradic

#302f43

#432f42

#42432f

#2f4330

Square

#302f43

#432f38

#42432f

#2f433a

Shades

Color #302f43 mixed toward black.

#282738

#201f2d

#181822

#101016

#08080b

Tints

Color #302f43 mixed toward white.

#4c4a6a

#686691

#8c8bad

#b3b1c9

#d9d8e4

Tones

Color #302f43 mixed toward gray.

#323141

#333240

#35343e

#36363c

#38373b

Accessibility

Aa White text on this color

13.02:1

Aa Black text on this color

1.61:1

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

Under color vision deficiencies

Protanopia

#30303f · ΔE 2.5

Deuteranopia

#30303e · ΔE 3

Tritanopia

#303b3a · ΔE 15.3

Achromatopsia

#313131 · ΔE 11.2

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

Code

CSS

background-color: #302f43;

Tailwind (arbitrary value)

bg-[#302f43]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#302f43 (#302f43) is rgb(48, 47, 67) in RGB.

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

Generate a palette → Check contrast