Start generating
CC2233

#CC2233 Methadone

#CC2233 is a medium, vivid red named Methadone. In the RGB color model it is made of 80.0% red, 13.3% green and 20.0% blue (rgb(204, 34, 51)). Its HSL value is 354° hue, 71% saturation and 47% lightness, and in CMYK it is 0% cyan, 83% magenta, 75% yellow and 20% black. #CC2233 is a warm color. White text reads best on it, with a contrast ratio of 5.46:1.

Make a palette with #CC2233

#CC2233 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #CC2233

Shades

Mixed with black: richer and darker.

CC2233B11C2B9716237E111C650B144E070D3703072201030F0001020000

Tints

Mixed with white: lighter and softer.

CC2233D44348DC5C5BE3726FE98783EF9B97F4B0ABF8C3C0FBD7D5FEEBEA

Tones

Mixed with gray: calmer and more muted.

CC2233C6353CC04245BA4D4DB35654AC5F5CA566639D6D6B9474728A7A79

Hues

The same lightness and chroma, rotated around the color wheel.

B032A2B92B8FC1257BC72165CA1F4ECC2233CC2900BA4700AD5500A25D00996400

Temperatures

Cooler on the left, warmer on the right.

B54B66BA455DBF3F53C33749C82E3FCC2233CE2933D12F32D33432D53932D73E31

#CC2233 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

CC223322CCBB
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

CC223322CC662288CC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

CC2233CC2288CC6622
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

CC223333CC222233CC
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

CC2233CCBB2222CCBB2233CC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

CC223388CC2222CCBB6622CC
Open in generator →

#CC2233 for color-blind viewers (and dogs)

How #CC2233 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 59% similarHow dogs see it · simulated as #83762C
  • Protanopia 56% similar1.3% of men, 0.02% of women · simulated as #5A5232
  • Protanomaly 71% similar1.3% of men, 0.02% of women · simulated as #864E30
  • Deuteranopia 59% similar1.2% of men, 0.01% of women · simulated as #83762C
  • Deuteranomaly 73% similar5% of men, 0.35% of women · simulated as #9D622D
  • Tritanopia 92% similar0.001% of men, 0.03% of women · simulated as #E1002B
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #D5002F
  • Achromatopsia 59% similar0.003% of men, 0.003% of women · simulated as #696969
  • Achromatomaly 71% similar0.001% of men, 0.001% of women · simulated as #8B5D5F

#CC2233 contrast checker

AaThe quick brown fox jumps over the lazy dog.
5.46:1 Good#CC2233 text on white
AA normalPassAAA normalFail
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
3.84:1 Poor#CC2233 text on black
AA normalFailAAA normalFail
AA largePassAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #CC2233

Palettes with #CC2233

#CC2233 in CSS

/* Methadone */
.color { color: #CC2233; }
.background { background-color: #CC2233; }
.border { border: 1px solid #CC2233; }

/* Other notations */
color: rgb(204 34 51);
color: hsl(354 71% 47%);
color: oklch(0.547 0.202 22.9);

#CC2233 FAQ

What color is #CC2233?

#CC2233 is a medium, vivid red. Its closest named color is Methadone. It belongs to the red color family and is a warm color.

What is the RGB value of #CC2233?

#CC2233 is rgb(204, 34, 51) in RGB, hsl(354, 71%, 47%) in HSL and cmyk(0%, 83%, 75%, 20%) in CMYK.

What is the complementary color of #CC2233?

The complementary color of #CC2233 is #22CCBB, which sits opposite it on the color wheel.

Which text color works on #CC2233?

White text has the best contrast on #CC2233: 5.46:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #CC2233 a warm or cool color?

#CC2233 is a warm color.