Lionheart — #CC2222

#CC2222, primarily known as Lionheart, is composed of 80% red, 13% green, and 13% blue in RGB. In CMYK it is 0% cyan, 83% magenta, 83% yellow, 20% black. In HSL the hue angle is 0°, saturation 71%, and lightness 47%. The closest web-safe color is #CC3333.

Open in Color Picker Open in Color Converter Open in Color Wheel

Color conversions

Open in Color Converter →

Format	Value	Copy
HEX	#CC2222
RGB	rgb(204, 34, 34)
HSL	hsl(0, 71.4%, 46.7%)
HSV	hsv(0, 83.3%, 80%)
CMYK	cmyk(0%, 83.3%, 83.3%, 20%)
OKLCH	oklch(54.5% 0.2036 27.36)
HWB	hwb(0 13.3% 20%)
LAB	lab(45.2% 64.07 46.31)
LCH	lch(45.2% 79.1 35.9)
OKLAB	oklab(54.5% 0.1808 0.0936)
XYZ	X 25.77 Y 14.1 Z 2.88
Web Safe	#CC3333
RGB Percent	80%, 13.3%, 13.3%
Decimal	13378082

Format	Value	Copy
HEX	#CC2222
RGB	rgb(204, 34, 34)
HSL	hsl(0, 71.4%, 46.7%)
HSV	hsv(0, 83.3%, 80%)
CMYK	cmyk(0%, 83.3%, 83.3%, 20%)
OKLCH	oklch(54.5% 0.2036 27.36)
HWB	hwb(0 13.3% 20%)

Format	Value	Copy
LAB	lab(45.2% 64.07 46.31)
LCH	lch(45.2% 79.1 35.9)
OKLAB	oklab(54.5% 0.1808 0.0936)
XYZ	X 25.77 Y 14.1 Z 2.88
Web Safe	#CC3333
RGB Percent	80%, 13.3%, 13.3%
Decimal	13378082

Color harmonies

Harmony swatches keep the same saturation and lightness as the base color.

Explore on Color Wheel →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Alternative colors

Nearby variations by nudging hue and lightness. Click a swatch to open that color.

#DE3939

#A91C1C

#E35757

#8A1717

#CC4422

#CC2244

#D67332

#B1245C

Similar named colors

Nearest matches from our 30,000-name dataset (CIELAB ΔE). Click a swatch to open that color.

Flush Mahogany

#CA2425 · ΔE 2.2

Haemoglobin Red

#C61A1B · ΔE 2.38

Thunder Mountain Longhorn Pepper

#CE1B1F · ΔE 2.52

Say It With Red Roses

#C7111E · ΔE 2.65

Bloodthirsty Lips

#C6101E · ΔE 2.83

Red Rhapsody

#CA1B1B · ΔE 2.84

Find a color by name or HEX →

Tints, shades & tones

Full Tints, Shades & Tones →

Contrast preview

Full WCAG AA/AAA check → Contrast Checker

On white

Sample

5.50:1

AA normal ✓ · AA large ✓

On black

Sample

3.82:1

AA normal ✗ · AA large ✓

Color blindness preview

See on an image → Color Blindness Simulator

Protanopia

72% similar

1.3% of men, 0.02% of women

Deuteranopia

75% similar

6% of men, 0.4% of women

Tritanopia

91% similar

0.001% of population

Achromatopsia

68% similar

0.003% of population

UI preview

Simplified components using a Tailwind-style scale generated from this color.

Open in Tailwind Scale Generator →

Button

Alert

Heads up

This alert uses lighter tints for the background and a mid-tone for the border.

Progress

67% complete