#bd1807

Color #bd1807

A vivid, highly saturated dark red.

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

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

Conversions

HEX

#bd1807

RGB

rgb(189, 24, 7)

HSL

hsl(5.6, 92.9%, 38.4%)

HSV / HSB

hsv(5.6, 96.3%, 74.1%)

CMYK

cmyk(0%, 87.3%, 96.3%, 25.9%)

LAB

lab(40.4, 60.88, 51.59)

LCH

lch(40.4, 79.8, 40.28)

OKLCH

oklch(51%, 0.1977, 30.31)

HWB

hwb(5.6, 2.7%, 25.9%)

Harmony colors

Complementary

#07acbd

Analogous

#bd0751

#bd1807

#bd7307

Triadic

#bd1807

#07bd18

#1807bd

Split-complementary

#bd1807

#07bd73

#0751bd

Tetradic

#bd1807

#acbd07

#07acbd

#1807bd

Square

#bd1807

#51bd07

#07acbd

#7307bd

Shades

Color #bd1807 mixed toward black.

#9d1406

#7e1005

#5e0c03

#3f0802

#1f0401

Tints

Color #bd1807 mixed toward white.

#ef1e09

#f84735

#f97567

#fba39a

#fdd1cc

Tones

Color #bd1807 mixed toward gray.

#ae2416

#9f3125

#8f3d34

#804944

#715653

Accessibility

Aa White text on this color

6.37:1

Aa Black text on this color

3.3:1

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

Under color vision deficiencies

Protanopia

#93920c · ΔE 48.7

Deuteranopia

#9aa20e · ΔE 53.9

Tritanopia

#b91011 · ΔE 2.5

Achromatopsia

#5f5f5f · ΔE 28.6

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

Code

CSS

background-color: #bd1807;

Tailwind (arbitrary value)

bg-[#bd1807]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#bd1807 (#bd1807) is rgb(189, 24, 7) in RGB.

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

Generate a palette → Check contrast