#bd2f10

Color #bd2f10

A vivid, highly saturated medium red.

Closest named color Firebrick #b22222 · ΔE 12.83 Nearest Tailwind class red-700 #c10007 · ΔE 4

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

Conversions

HEX

#bd2f10

RGB

rgb(189, 47, 16)

HSL

hsl(10.8, 84.4%, 40.2%)

HSV / HSB

hsv(10.8, 91.5%, 74.1%)

CMYK

cmyk(0%, 75.1%, 91.5%, 25.9%)

LAB

lab(42.6, 54.86, 49.95)

LCH

lch(42.6, 74.19, 42.32)

OKLCH

oklch(52.6%, 0.183, 33.2)

HWB

hwb(10.8, 6.3%, 25.9%)

Harmony colors

Complementary

#109ebd

Analogous

#bd1047

#bd2f10

#bd8610

Triadic

#bd2f10

#10bd2f

#2f10bd

Split-complementary

#bd2f10

#10bd86

#1047bd

Tetradic

#bd2f10

#9ebd10

#109ebd

#2f10bd

Square

#bd2f10

#47bd10

#109ebd

#8610bd

Shades

Color #bd2f10 mixed toward black.

#9e270d

#7e1f0b

#5f1808

#3f1005

#200803

Tints

Color #bd2f10 mixed toward white.

#eb3b15

#ef6244

#f38a72

#f7b1a1

#fbd8d0

Tones

Color #bd2f10 mixed toward gray.

#af381e

#a0422d

#924b3b

#83544a

#755d58

Accessibility

Aa White text on this color

5.87:1

Aa Black text on this color

3.58:1

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

Under color vision deficiencies

Protanopia

#95941b · ΔE 45.8

Deuteranopia

#9ba31d · ΔE 50.6

Tritanopia

#b92122 · ΔE 6.2

Achromatopsia

#656565 · ΔE 27.9

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

Code

CSS

background-color: #bd2f10;

Tailwind (arbitrary value)

bg-[#bd2f10]

Related colors

Tomato #ff6347

Dark Salmon #e9967a

Salmon #fa8072

Misty Rose #ffe4e1

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#bd2f10 (#bd2f10) is rgb(189, 47, 16) in RGB.

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

Generate a palette → Check contrast