#cf2000

Color #cf2000

A vivid, highly saturated medium red.

Closest named color Orange Red #ff4500 · ΔE 17.34 Nearest Tailwind class orange-700 #ca3500 · ΔE 3.1

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

Conversions

HEX

#cf2000

RGB

rgb(207, 32, 0)

HSL

hsl(9.3, 100%, 40.6%)

HSV / HSB

hsv(9.3, 100%, 81.2%)

CMYK

cmyk(0%, 84.5%, 100%, 18.8%)

LAB

lab(44.66, 64.14, 57.98)

LCH

lch(44.66, 86.46, 42.11)

OKLCH

oklch(54.8%, 0.2099, 31.6)

HWB

hwb(9.3, 0%, 18.8%)

Harmony colors

Complementary

#00afcf

Analogous

#cf0047

#cf2000

#cf8800

Triadic

#cf2000

#00cf20

#2000cf

Split-complementary

#cf2000

#00cf88

#0047cf

Tetradic

#cf2000

#afcf00

#00afcf

#2000cf

Square

#cf2000

#47cf00

#00afcf

#8800cf

Shades

Color #cf2000 mixed toward black.

#ad1b00

#8a1500

#681000

#450b00

#230500

Tints

Color #cf2000 mixed toward white.

#ff2a03

#ff5435

#ff7f68

#ffaa9a

#ffd4cd

Tones

Color #cf2000 mixed toward gray.

#be2c11

#ad3823

#9b4434

#8a5045

#795c56

Accessibility

Aa White text on this color

5.44:1

Aa Black text on this color

3.86:1

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

Under color vision deficiencies

Protanopia

#a2a10b · ΔE 49.8

Deuteranopia

#a9b10e · ΔE 54.4

Tritanopia

#ca1214 · ΔE 4.2

Achromatopsia

#6a6a6a · ΔE 29.4

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

Code

CSS

background-color: #cf2000;

Tailwind (arbitrary value)

bg-[#cf2000]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#cf2000 (#cf2000) is rgb(207, 32, 0) in RGB.

No, #cf2000 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast