#b2463e

Color #b2463e

A moderately saturated medium red.

Closest named color Brown #a52a2a · ΔE 9.84 Nearest Tailwind class rose-700 #c70036 · ΔE 8.1

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

Conversions

HEX

#b2463e

RGB

rgb(178, 70, 62)

HSL

hsl(4.1, 48.3%, 47.1%)

HSV / HSB

hsv(4.1, 65.2%, 69.8%)

CMYK

cmyk(0%, 60.7%, 65.2%, 30.2%)

LAB

lab(44.51, 43.45, 27.52)

LCH

lch(44.51, 51.43, 32.35)

OKLCH

oklch(53.8%, 0.1426, 27.12)

HWB

hwb(4.1, 24.3%, 30.2%)

Harmony colors

Complementary

#3eaab2

Analogous

#b23e70

#b2463e

#b2803e

Triadic

#b2463e

#3eb246

#463eb2

Split-complementary

#b2463e

#3eb280

#3e70b2

Tetradic

#b2463e

#aab23e

#3eaab2

#463eb2

Square

#b2463e

#70b23e

#3eaab2

#803eb2

Shades

Color #b2463e mixed toward black.

#943a34

#772f29

#59231f

#3b1715

#1e0c0a

Tints

Color #b2463e mixed toward white.

#c56058

#d1807a

#dc9f9b

#e8bfbc

#f3dfde

Tones

Color #b2463e mixed toward gray.

#a84e48

#9f5751

#955f5b

#8b6765

#82706e

Accessibility

Aa White text on this color

5.47:1

Aa Black text on this color

3.84:1

White text reads better on this background (5.47:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#908f40 · ΔE 41.4

Deuteranopia

#959b41 · ΔE 45.7

Tritanopia

#af4242 · ΔE 2.7

Achromatopsia

#696969 · ΔE 24.8

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

Code

CSS

background-color: #b2463e;

Tailwind (arbitrary value)

bg-[#b2463e]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#b2463e (#b2463e) is rgb(178, 70, 62) in RGB.

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

Generate a palette → Check contrast