#c41333

Color #c41333

A vivid, highly saturated medium red.

Closest named color Crimson #dc143c · ΔE 8.32 Nearest Tailwind class rose-700 #c70036 · ΔE 1.5

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

Conversions

HEX

#c41333

RGB

rgb(196, 19, 51)

HSL

hsl(349.2, 82.3%, 42.2%)

HSV / HSB

hsv(349.2, 90.3%, 76.9%)

CMYK

cmyk(0%, 90.3%, 74%, 23.1%)

LAB

lab(41.91, 64.63, 31.79)

LCH

lch(41.91, 72.03, 26.19)

OKLCH

oklch(52.4%, 0.2026, 20.72)

HWB

hwb(349.2, 7.5%, 23.1%)

Harmony colors

Complementary

#13c4a4

Analogous

#c4138b

#c41333

#c44c13

Triadic

#c41333

#33c413

#1333c4

Split-complementary

#c41333

#13c44c

#138bc4

Tetradic

#c41333

#c4a413

#13c4a4

#1333c4

Square

#c41333

#8bc413

#13c4a4

#4c13c4

Shades

Color #c41333 mixed toward black.

#a3102a

#830d22

#620a19

#410611

#210308

Tints

Color #c41333 mixed toward white.

#e91f43

#ee4c69

#f2798e

#f6a5b4

#fbd2d9

Tones

Color #c41333 mixed toward gray.

#b5223c

#a73146

#983f4f

#894e59

#7a5d62

Accessibility

Aa White text on this color

6.02:1

Aa Black text on this color

3.49:1

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

Under color vision deficiencies

Protanopia

#98972d · ΔE 53.6

Deuteranopia

#9fa72c · ΔE 58.9

Tritanopia

#c02827 · ΔE 5.2

Achromatopsia

#636363 · ΔE 27.6

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

Code

CSS

background-color: #c41333;

Tailwind (arbitrary value)

bg-[#c41333]

Related colors

Pink #ffc0cb

Crimson #dc143c

Light Pink #ffb6c1

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#c41333 (#c41333) is rgb(196, 19, 51) in RGB.

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

Generate a palette → Check contrast