#302527

Color #302527

A nearly neutral, gray-leaning very dark red.

Closest named color Black #000000 · ΔE 16.95 Nearest Tailwind class taupe-800 #2b2422 · ΔE 3.8

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

Conversions

HEX

#302527

RGB

rgb(48, 37, 39)

HSL

hsl(349.1, 12.9%, 16.7%)

HSV / HSB

hsv(349.1, 22.9%, 18.8%)

CMYK

cmyk(0%, 22.9%, 18.7%, 81.2%)

LAB

lab(15.99, 5.59, 0.64)

LCH

lch(15.99, 5.63, 6.53)

OKLCH

oklch(27.8%, 0.017, 6.08)

HWB

hwb(349.1, 14.5%, 81.2%)

Harmony colors

Complementary

#25302e

Analogous

#30252d

#302527

#302925

Triadic

#302527

#273025

#252730

Split-complementary

#302527

#253029

#252d30

Tetradic

#302527

#302e25

#25302e

#252730

Square

#302527

#2d3025

#25302e

#292530

Shades

Color #302527 mixed toward black.

#281f21

#20191a

#181314

#100c0d

#080607

Tints

Color #302527 mixed toward white.

#584448

#806368

#a2878c

#c1afb2

#e0d7d9

Tones

Color #302527 mixed toward gray.

#2f2628

#2e2728

#2d2829

#2c2929

#2c2a2a

Accessibility

Aa White text on this color

14.79:1

Aa Black text on this color

1.42:1

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

Under color vision deficiencies

Protanopia

#2c2c27 · ΔE 9.6

Deuteranopia

#2c2d26 · ΔE 11.3

Tritanopia

#302626 · ΔE 1.5

Achromatopsia

#282828 · ΔE 7.1

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

Code

CSS

background-color: #302527;

Tailwind (arbitrary value)

bg-[#302527]

Related colors

Pink #ffc0cb

Crimson #dc143c

Light Pink #ffb6c1

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#302527 (#302527) is rgb(48, 37, 39) in RGB.

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

Generate a palette → Check contrast