pinkwarmCC0 survey name

Cranberry #9E003A

Cranberry is a dark, vivid warm color (#9E003A; HSL 338° 100% 31%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “cranberry”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks · Burgundy Colors

Color values

FormatValue
HEX#9E003A
RGBrgb(158, 0, 58)
HSLhsl(338, 100%, 31%)
HSVhsv(338, 100%, 62%)
OKLCHoklch(44.61% 0.178 11.5)
OKLaboklab(44.61% 0.1747 0.0356)
CMYKcmyk(0%, 100%, 63.3%, 38%)
XYZxyz(14.8659, 7.577, 4.6819)
CIE-LABlab(33.1, 57.8, 14.6)
CIE-LCHlch(33.1, 59.6, 14.1°)
Luminance0.076 (WCAG relative)
/* Cranberry */ --cranberry: #9e003a; color: #9e003a; background-color: #9e003a;

Source: xkcd color survey name (public domain, CC0). CSS keyword: cranberry.

Collections: Jewel Tone Colors · Berry Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#8d0935 #7d0e2f #6d112a #5e1325 #4f1320 #40121b #321116 #240e10 #170709 #000000

Tints (toward white)

#ab2e4b #b7495d #c2616f #cd7882 #d78e96 #e1a4aa #e9bbbf #f1d1d4 #f9e8e9 #ffffff

Tones (toward gray)

#97183c #90243e #892d40 #823442 #7a3a44 #723f46 #6a4348 #61474a #584b4c #4e4e4e

Color harmonies

Complementary

Edit in generator →
#9E003A
#009E64
#9e003a #009e64

Analogous

Edit in generator →
#9E0089
#9E003A
#9E1500
#9e0089 #9e003a #9e1500

Triadic

Edit in generator →
#9E003A
#3A9E00
#003A9E
#9e003a #3a9e00 #003a9e

Tetradic

Edit in generator →
#9E003A
#899E00
#009E64
#15009E
#9e003a #899e00 #009e64 #15009e

Square

Edit in generator →
#9E003A
#899E00
#009E64
#15009E
#9e003a #899e00 #009e64 #15009e

Split Complementary

Edit in generator →
#9E003A
#009E15
#00899E
#9e003a #009e15 #00899e

Monochromatic

Edit in generator →
#24000D
#610024
#9E003A
#DB0050
#FF196E
#24000d #610024 #9e003a #db0050 #ff196e

Accessibility & contrast

8.35
#9E003A on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.51
#9E003A on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on cranberry

8.35
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#3B3B3B
Deuteranopia (green-blind)
#605836
Tritanopia (blue-blind)
#AE0020

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Red Wine #8C00343.58
Rouge #AB12394.18
Purplish Red #B0054B4.63
Purple Red #9901474.81
Berry #990F4B5.47
Bordeaux #7B002C6.87

Colors that go with cranberry

Top matches by hue harmony, contrast and saturation compatibility.

Blush #DE5D83
2.4:1
Same hue family as cranberry (Δh 4°) — guaranteed harmony
Warm Beige #E9DCC9
6.2:1
Warm/cool bridge (Δh 58°) — adds depth without tension
Turtle Green #75B84F
3.5:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Fern #63B76C
3.4:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Aqua Green #12E193
4.9:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.