Cranberry #9B1B30
Cranberry color codes
Cranberry color meaning
Cranberry is a bold and energetic red — a warm color at 36% lightness and 70% saturation. Like other reds, it is linked with energy, passion and urgency. It raises the pulse — which is why it is used for sale signs, warnings and anything that has to be noticed first.
Because it is bold and energetic, cranberry works best for logos, buttons, highlights, sports kit and anything that should grab attention. It is dark enough to use for text on a white page (8.1:1 contrast).
What colors go with Cranberry?
Cranberry pairs well with Dark Cyan, Dark Magenta, Chestnut and Linen: Dark Cyan sits close to its opposite on the color wheel for strong contrast, Dark Magenta and Chestnut are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.
Build a full scheme around cranberry in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.
Cranberry at a glance
| Color family | Red · warm, bold and energetic |
|---|---|
| CSS color name | No — nearest keyword is Brown (#A52A2A) |
| As text on white | 8.10:1 — passes WCAG AAA |
| Best text on it | White (8.10:1) |
| For print (CMYK) | 0% cyan, 83% magenta, 69% yellow, 39% black |
| Full screen | Open the cranberry screen — fill your display or download it in 4K |
Contrast
Contrast ratio of Cranberry against white and black text (WCAG 2.1 needs 4.5:1 for body text).
Shades, tints & tones
Color harmonies
Colors similar to Cranberry
Cranberry color FAQ
What is the hex code for Cranberry?
Cranberry is #9B1B30, which is rgb(155, 27, 48) and hsl(350, 70%, 36%). For print it is roughly C0 M83 Y69 K39.
What colors go with Cranberry?
Cranberry pairs well with Dark Cyan, Dark Magenta, Chestnut, Linen. Dark Cyan gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.
Is Cranberry a warm or cool color?
Cranberry is a warm color: its hue is 350°, on the red, orange and yellow side of the color wheel.
What text color looks best on Cranberry?
White text, with a contrast ratio of 8.1:1, which meets WCAG AA for normal text. Cranberry itself is also readable as text on white (8.1:1).