pinkwarmCC0 survey name

Medium Pink #F36196

Medium Pink is a mid-tone, vivid warm color (#F36196; HSL 338° 86% 67%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “medium pink”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks · Rose Colors

Color values

FormatValue
HEX#F36196
RGBrgb(243, 97, 150)
HSLhsl(338, 86%, 67%)
HSVhsv(338, 60%, 95%)
OKLCHoklch(69.21% 0.185 0.6)
OKLaboklab(69.21% 0.1852 0.0019)
CMYKcmyk(0%, 60.1%, 38.3%, 4.7%)
XYZxyz(46.7447, 29.8113, 32.1407)
CIE-LABlab(61.5, 60.7, 0.4)
CIE-LCHlch(61.5, 60.7, 0.4°)
Luminance0.298 (WCAG relative)
/* Medium Pink */ --medium-pink: #f36196; color: #f36196; background-color: #f36196;

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

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)

#d85886 #be4f76 #a44567 #8b3c58 #733449 #5c2b3b #45222d #301a20 #1c1014 #000000

Tints (toward white)

#f673a0 #f984aa #fc94b4 #fda4bf #ffb4c9 #ffc3d4 #ffd2de #ffe1e9 #fff0f4 #ffffff

Tones (toward gray)

#eb6996 #e26f96 #d97595 #d07b95 #c78095 #be8595 #b48995 #aa8d95 #a09195 #949494

Color harmonies

Complementary

Edit in generator →
#F36196
#61F3BE
#f36196 #61f3be

Analogous

Edit in generator →
#F361DF
#F36196
#F37561
#f361df #f36196 #f37561

Triadic

Edit in generator →
#F36196
#96F361
#6196F3
#f36196 #96f361 #6196f3

Tetradic

Edit in generator →
#F36196
#DFF361
#61F3BE
#7561F3
#f36196 #dff361 #61f3be #7561f3

Square

Edit in generator →
#F36196
#DFF361
#61F3BE
#7561F3
#f36196 #dff361 #61f3be #7561f3

Split Complementary

Edit in generator →
#F36196
#61F375
#61DFF3
#f36196 #61f375 #61dff3

Monochromatic

Edit in generator →
#CA0F53
#EF2870
#F36196
#F79ABC
#FCD3E2
#ca0f53 #ef2870 #f36196 #f79abc #fcd3e2

Accessibility & contrast

3.02
#F36196 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.96
#F36196 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on medium pink

6.96
#000000 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)
#7C8397
Deuteranopia (green-blind)
#A29F93
Tritanopia (blue-blind)
#FF5376

Closest named colors

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

ColorNameΔE₀₀
Strawberry #FC5A8D2.73
Rosy Pink #F6688E3.52
Palevioletred #DB70934.54
Blush #DE5D834.86
Warm Pink #FB55815.08
Barbie Pink #FE46A55.65

Colors that go with medium pink

Top matches by hue harmony, contrast and saturation compatibility.

Burgundy #800020
3.6:1
Same hue family as medium pink (Δh 7°) — guaranteed harmony
Brick Red #8F1402
3.1:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Deep Blue #040273
5.5:1
Text-safe contrast with the anchor (5.52:1, passes WCAG AA)
Mint Green #8FFF9F
2.4:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Aqua Green #12E193
1.8: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.