pinkwarmCC0 survey name

Rouge #AB1239

Rouge is a mid-tone, vivid warm color (#AB1239; HSL 345° 81% 37%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “rouge”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks

Color values

FormatValue
HEX#AB1239
RGBrgb(171, 18, 57)
HSLhsl(345, 81%, 37%)
HSVhsv(345, 89%, 67%)
OKLCHoklch(47.76% 0.182 15.6)
OKLaboklab(47.76% 0.1749 0.0489)
CMYKcmyk(0%, 89.5%, 66.7%, 32.9%)
XYZxyz(17.7514, 9.3888, 4.7476)
CIE-LABlab(36.7, 58.6, 20.5)
CIE-LCHlch(36.7, 62.0, 19.3°)
Luminance0.094 (WCAG relative)
/* Rouge */ --rouge: #ab1239; color: #ab1239; background-color: #ab1239;

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

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)

#991534 #87172e #761829 #651724 #54161f #44151b #351316 #261010 #180909 #000000

Tints (toward white)

#b7364a #c2505c #cc676f #d67d82 #df9296 #e7a8aa #eebdbe #f5d3d4 #fae9e9 #ffffff

Tones (toward gray)

#a4233c #9d2d3f #953641 #8d3c44 #854247 #7d474a #744c4d #6b5050 #615353 #565656

Color harmonies

Complementary

Edit in generator →
#AB1239
#12AB84
#ab1239 #12ab84

Analogous

Edit in generator →
#AB1286
#AB1239
#AB3812
#ab1286 #ab1239 #ab3812

Triadic

Edit in generator →
#AB1239
#39AB12
#1239AB
#ab1239 #39ab12 #1239ab

Tetradic

Edit in generator →
#AB1239
#86AB12
#12AB84
#3812AB
#ab1239 #86ab12 #12ab84 #3812ab

Square

Edit in generator →
#AB1239
#86AB12
#12AB84
#3812AB
#ab1239 #86ab12 #12ab84 #3812ab

Split Complementary

Edit in generator →
#AB1239
#12AB38
#1286AB
#ab1239 #12ab38 #1286ab

Monochromatic

Edit in generator →
#3C0614
#740C27
#AB1239
#E2184B
#EC4B74
#3c0614 #740c27 #ab1239 #e2184b #ec4b74

Accessibility & contrast

7.30
#AB1239 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.88
#AB1239 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on rouge

7.30
#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)
#454339
Deuteranopia (green-blind)
#6A6135
Tritanopia (blue-blind)
#BC0025

Closest named colors

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

ColorNameΔE₀₀
Rose Red #BE013C3.49
Cranberry #9E003A4.18
Purplish Red #B0054B5.55
Lipstick Red #C0022F5.90
Ruby #CA01476.08
Cardinal #C41E3A6.32

Colors that go with rouge

Top matches by hue harmony, contrast and saturation compatibility.

Rosa #FE86A4
3.2:1
Same hue family as rouge (Δh 0°) — guaranteed harmony
Warm Beige #E9DCC9
5.4:1
Warm/cool bridge (Δh 51°) — adds depth without tension
Light Green #96F97B
5.6:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Foam Green #90FDA9
5.8:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Aqua Marine #2EE8BB
4.7: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.