#c8250e

Color #c8250e

A vivid, highly saturated medium red.

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

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

Conversions

HEX

#c8250e

RGB

rgb(200, 37, 14)

HSL

hsl(7.4, 86.9%, 42%)

HSV / HSB

hsv(7.4, 93%, 78.4%)

CMYK

cmyk(0%, 81.5%, 93%, 21.6%)

LAB

lab(43.71, 61.11, 52.43)

LCH

lch(43.71, 80.52, 40.63)

OKLCH

oklch(53.8%, 0.2001, 31.14)

HWB

hwb(7.4, 5.5%, 21.6%)

Harmony colors

Complementary

#0eb1c8

Analogous

#c80e54

#c8250e

#c8820e

Triadic

#c8250e

#0ec825

#250ec8

Split-complementary

#c8250e

#0ec882

#0e54c8

Tetradic

#c8250e

#b1c80e

#0eb1c8

#250ec8

Square

#c8250e

#54c80e

#0eb1c8

#820ec8

Shades

Color #c8250e mixed toward black.

#a71f0c

#851909

#641207

#430c05

#210602

Tints

Color #c8250e mixed toward white.

#ef3319

#f25c47

#f58575

#f9ada3

#fcd6d1

Tones

Color #c8250e mixed toward gray.

#b9311e

#a93c2d

#9a483d

#8a544c

#7b5f5c

Accessibility

Aa White text on this color

5.63:1

Aa Black text on this color

3.73:1

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

Under color vision deficiencies

Protanopia

#9d9c16 · ΔE 49

Deuteranopia

#a3ab17 · ΔE 53.6

Tritanopia

#c41a1b · ΔE 3.9

Achromatopsia

#676767 · ΔE 28.7

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

Code

CSS

background-color: #c8250e;

Tailwind (arbitrary value)

bg-[#c8250e]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#c8250e (#c8250e) is rgb(200, 37, 14) in RGB.

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

Generate a palette → Check contrast