#bc2010

Color #bc2010

A vivid, highly saturated medium red.

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

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

Conversions

HEX

#bc2010

RGB

rgb(188, 32, 16)

HSL

hsl(5.6, 84.3%, 40%)

HSV / HSB

hsv(5.6, 91.5%, 73.7%)

CMYK

cmyk(0%, 83%, 91.5%, 26.3%)

LAB

lab(40.84, 58.95, 48.64)

LCH

lch(40.84, 76.43, 39.53)

OKLCH

oklch(51.3%, 0.1921, 30.33)

HWB

hwb(5.6, 6.3%, 26.3%)

Harmony colors

Complementary

#10acbc

Analogous

#bc1056

#bc2010

#bc7610

Triadic

#bc2010

#10bc20

#2010bc

Split-complementary

#bc2010

#10bc76

#1056bc

Tetradic

#bc2010

#acbc10

#10acbc

#2010bc

Square

#bc2010

#56bc10

#10acbc

#7610bc

Shades

Color #bc2010 mixed toward black.

#9d1b0d

#7d150b

#5e1008

#3f0b05

#1f0503

Tints

Color #bc2010 mixed toward white.

#eb2814

#ef5343

#f37e72

#f7a9a1

#fbd4d0

Tones

Color #bc2010 mixed toward gray.

#ae2c1e

#9f372d

#91433b

#834f49

#745a58

Accessibility

Aa White text on this color

6.26:1

Aa Black text on this color

3.35:1

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

Under color vision deficiencies

Protanopia

#939215 · ΔE 48.2

Deuteranopia

#99a116 · ΔE 53.2

Tritanopia

#b81819 · ΔE 3

Achromatopsia

#606060 · ΔE 28.2

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

Code

CSS

background-color: #bc2010;

Tailwind (arbitrary value)

bg-[#bc2010]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#bc2010 (#bc2010) is rgb(188, 32, 16) in RGB.

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

Generate a palette → Check contrast