#fc0000

Color #fc0000

A vivid, highly saturated medium red.

Closest named color Red #ff0000 · ΔE 1.12 Nearest Tailwind class red-600 #e7000b · ΔE 4.8

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

Conversions

HEX

#fc0000

RGB

rgb(252, 0, 0)

HSL

hsl(0, 100%, 49.4%)

HSV / HSB

hsv(0, 100%, 98.8%)

CMYK

cmyk(0%, 100%, 100%, 1.2%)

LAB

lab(52.62, 79.38, 66.6)

LCH

lch(52.62, 103.62, 40)

OKLCH

oklch(62.2%, 0.2554, 29.22)

HWB

hwb(0, 0%, 1.2%)

Harmony colors

Complementary

#00fcfc

Analogous

#fc007e

#fc0000

#fc7e00

Triadic

#fc0000

#00fc00

#0000fc

Split-complementary

#fc0000

#00fc7e

#007efc

Tetradic

#fc0000

#fcfc00

#00fcfc

#0000fc

Square

#fc0000

#7efc00

#00fcfc

#7e00fc

Shades

Color #fc0000 mixed toward black.

#d20000

#a80000

#7e0000

#540000

#2a0000

Tints

Color #fc0000 mixed toward white.

#ff2828

#ff5353

#ff7e7e

#ffa9a9

#ffd4d4

Tones

Color #fc0000 mixed toward gray.

#e71515

#d22a2a

#bd3f3f

#a85454

#936969

Accessibility

Aa White text on this color

4.09:1

Aa Black text on this color

5.14:1

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

Under color vision deficiencies

Protanopia

#c4c300 · ΔE 56

Deuteranopia

#cdd700 · ΔE 61

Tritanopia

#f60000 · ΔE 1.3

Achromatopsia

#7e7e7e · ΔE 31.1

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

Code

CSS

background-color: #fc0000;

Tailwind (arbitrary value)

bg-[#fc0000]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#fc0000 (#fc0000) is rgb(252, 0, 0) in RGB.

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

Generate a palette → Check contrast