Start generating
BB3355

#BB3355 closest to Bleeding Heart

#BB3355 is a medium, vivid red; the closest named color is Bleeding Heart. In the RGB color model it is made of 73.3% red, 20.0% green and 33.3% blue (rgb(187, 51, 85)). Its HSL value is 345° hue, 57% saturation and 47% lightness, and in CMYK it is 0% cyan, 73% magenta, 55% yellow and 27% black. #BB3355 is a warm color. White text reads best on it, with a contrast ratio of 5.65:1.

Make a palette with #BB3355

#BB3355 color conversion

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

Variations of #BB3355

Shades

Mixed with black: richer and darker.

BB3355A22B498A233D731C315C1426460D1C3207111F03080D0102020000

Tints

Mixed with white: lighter and softer.

BB3355C44C65CD6175D67585DD8995E59DA6EBB0B8F1C4C9F6D8DBFBEBED

Tones

Mixed with gray: calmer and more muted.

BB3355B73F59B2495EAD5162A85966A3616A9D686F966E73907477887A7C

Hues

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

9843A9A23E9BAB3A8BB2367AB73468BB3355BD3440BD3827B84000AB5000A05900

Temperatures

Cooler on the left, warmer on the right.

A74F7AAB4A73AF456CB34064B73A5DBB3355BE3754C13C53C44052C64451C94850

#BB3355 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

BB335533BB99
Open in generator →

Split complementary

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

BB335533BB553399BB
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

BB3355BB3399BB5533
Open in generator →

Triadic

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

BB335555BB333355BB
Open in generator →

Tetradic

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

BB3355BB993333BB993355BB
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

BB335599BB3333BB995533BB
Open in generator →

#BB3355 for color-blind viewers (and dogs)

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

  • Dog vision 65% similarHow dogs see it · simulated as #797152
  • Protanopia 61% similar1.3% of men, 0.02% of women · simulated as #555556
  • Protanomaly 75% similar1.3% of men, 0.02% of women · simulated as #7C5254
  • Deuteranopia 65% similar1.2% of men, 0.01% of women · simulated as #797152
  • Deuteranomaly 76% similar5% of men, 0.35% of women · simulated as #906152
  • Tritanopia 91% similar0.001% of men, 0.03% of women · simulated as #CC1041
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #C2284C
  • Achromatopsia 65% similar0.003% of men, 0.003% of women · simulated as #676767
  • Achromatomaly 75% similar0.001% of men, 0.001% of women · simulated as #835D63

#BB3355 contrast checker

AaThe quick brown fox jumps over the lazy dog.
5.65:1 Good#BB3355 text on white
AA normalPassAAA normalFail
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
3.72:1 Poor#BB3355 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 #BB3355

Palettes with #BB3355

#BB3355 in CSS

/* Bleeding Heart */
.color { color: #BB3355; }
.background { background-color: #BB3355; }
.border { border: 1px solid #BB3355; }

/* Other notations */
color: rgb(187 51 85);
color: hsl(345 57% 47%);
color: oklch(0.536 0.172 10.7);

#BB3355 FAQ

What color is #BB3355?

#BB3355 is a medium, vivid red. Its closest named color is Bleeding Heart. It belongs to the red color family and is a warm color.

What is the RGB value of #BB3355?

#BB3355 is rgb(187, 51, 85) in RGB, hsl(345, 57%, 47%) in HSL and cmyk(0%, 73%, 55%, 27%) in CMYK.

What is the complementary color of #BB3355?

The complementary color of #BB3355 is #33BB99, which sits opposite it on the color wheel.

Which text color works on #BB3355?

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

Is #BB3355 a warm or cool color?

#BB3355 is a warm color.