What are the hex codes in the Ruby Hot Pink & Plum palette?

The Ruby Hot Pink & Plum color palette consists of Marine #12195A, Plum #992C90, Hot Pink #F252A7, Snow #FFF7F8.

How should I use the Ruby Hot Pink & Plum palette on a website?

Use Snow #FFF7F8 as the background, Marine #12195A for text, Hot Pink #F252A7 for buttons and links, and Plum #992C90 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Marine on Snow at 15.17:1.

Which colors in Ruby Hot Pink & Plum have enough contrast for text?

The highest-contrast pair is #12195A on #FFF7F8 with a ratio of 15.17:1, which passes WCAG AA for normal text.

#12195AMarine

#992C90Plum

#F252A7Hot Pink

#FFF7F8Snow

Ruby Hot Pink & Plum color palette

Retro Dark Vibrant Purple Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Marine	`#12195A`	`rgb(18, 25, 90)`	`hsl(234, 67%, 21%)`	`oklch(25.9% 0.115 271)`
Plum	`#992C90`	`rgb(153, 44, 144)`	`hsl(305, 55%, 39%)`	`oklch(49.7% 0.183 332)`
Hot Pink	`#F252A7`	`rgb(242, 82, 167)`	`hsl(328, 86%, 64%)`	`oklch(68.0% 0.211 351)`
Snow	`#FFF7F8`	`rgb(255, 247, 248)`	`hsl(353, 100%, 98%)`	`oklch(98.3% 0.009 9)`

Why it works and how to use it

Ruby Hot Pink & Plum is a vivid split color palette tagged retro, dark, vibrant. The hues span about 94°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Hot Pink takes the lead while the rest support. Lightness runs from 21% to 98%. Well suited to websites, presentations and branding.

Background: Snow (#FFF7F8) is the lightest color, so it belongs on large surfaces.
Text: Marine (#12195A) on #FFF7F8 gives 15.17:1, passing WCAG AAA.
Primary: Hot Pink (#F252A7) is the most saturated mid-tone; use it for buttons and links (3.04:1 against the background, fine for UI elements).
Accent: Plum (#992C90) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Marine on Snow at 15.17:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Ruby Hot Pink & Plum

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#12195A

#992C90

#F252A7

#FFF7F8

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#12195A` on `#FFF7F8`	Aa	15.17:1	AAA
`#992C90` on `#FFF7F8`	Aa	6.39:1	AA
`#12195A` on `#F252A7`	Aa	4.98:1	AA
`#F252A7` on `#FFF7F8`	Aa	3.04:1	AA large only
`#12195A` on `#992C90`	Aa	2.38:1	Fail
`#992C90` on `#F252A7`	Aa	2.1:1	Fail

Similar palettes 24 more in this mood