#c04135

Color #c04135

A moderately saturated medium red.

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

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

Conversions

HEX

#c04135

RGB

rgb(192, 65, 53)

HSL

hsl(5.2, 56.7%, 48%)

HSV / HSB

hsv(5.2, 72.4%, 75.3%)

CMYK

cmyk(0%, 66.1%, 72.4%, 24.7%)

LAB

lab(45.97, 50.11, 35.07)

LCH

lch(45.97, 61.16, 34.99)

OKLCH

oklch(55.3%, 0.1649, 28.87)

HWB

hwb(5.2, 20.8%, 24.7%)

Harmony colors

Complementary

#35b4c0

Analogous

#c0356e

#c04135

#c08635

Triadic

#c04135

#35c041

#4135c0

Split-complementary

#c04135

#35c086

#356ec0

Tetradic

#c04135

#b4c035

#35b4c0

#4135c0

Square

#c04135

#6ec035

#35b4c0

#8635c0

Shades

Color #c04135 mixed toward black.

#a0362c

#802b23

#60211a

#401612

#200b09

Tints

Color #c04135 mixed toward white.

#cf5d52

#d97d74

#e29e97

#ecbeba

#f5dfdc

Tones

Color #c04135 mixed toward gray.

#b44b41

#a9544c

#9d5e58

#926763

#86716f

Accessibility

Aa White text on this color

5.19:1

Aa Black text on this color

4.05:1

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

Under color vision deficiencies

Protanopia

#9a9938 · ΔE 45

Deuteranopia

#a0a739 · ΔE 49.5

Tritanopia

#bc3b3b · ΔE 3.5

Achromatopsia

#6d6d6d · ΔE 26.1

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

Code

CSS

background-color: #c04135;

Tailwind (arbitrary value)

bg-[#c04135]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#c04135 (#c04135) is rgb(192, 65, 53) in RGB.

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

Generate a palette → Check contrast