← Back to Editor

#FF46AD · #F30864 · #730679 · #046E6A · #528894

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FF46AD

Mauve · DeepPink · Rose Pink

HEX
#FF46AD
RGB
rgb(255, 70, 173)
HSL
hsl(327, 100%, 64%)
HSB
hsb(327, 73%, 100%)
CMYK
cmyk(0%, 73%, 32%, 0%)
Oklch
oklch(69.1% 0.237 351.1)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#F30864

Dark Violet · Crimson · Camellia

HEX
#F30864
RGB
rgb(243, 8, 100)
HSL
hsl(337, 94%, 49%)
HSB
hsb(337, 97%, 95%)
CMYK
cmyk(0%, 97%, 59%, 5%)
Oklch
oklch(61.8% 0.245 9.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#730679

Royal Purple · Purple · Eggplant

HEX
#730679
RGB
rgb(115, 6, 121)
HSL
hsl(297, 91%, 25%)
HSB
hsb(297, 95%, 47%)
CMYK
cmyk(5%, 95%, 0%, 53%)
Oklch
oklch(39.7% 0.180 325.7)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#046E6A

Mineral Blue · Teal · Peacock Green

HEX
#046E6A
RGB
rgb(4, 110, 106)
HSL
hsl(178, 93%, 22%)
HSB
hsb(178, 96%, 43%)
CMYK
cmyk(96%, 0%, 4%, 57%)
Oklch
oklch(48.6% 0.083 190.4)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#528894

Slate Blue · CadetBlue · Mint Ice

HEX
#528894
RGB
rgb(82, 136, 148)
HSL
hsl(191, 29%, 45%)
HSB
hsb(191, 45%, 58%)
CMYK
cmyk(45%, 8%, 0%, 42%)
Oklch
oklch(59.4% 0.060 213.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF46AD
47FF9A

Analogous

F647FF
FF46AD
FF4751

Triadic

FF46AD
ACFF47
47ACFF

Split-Comp.

FF46AD
51FF47
47FFF6

Tetradic

FF46AD
FFF647
47FF9A
4751FF

Contrast Matrix WCAG 2.1 Contrast

FF46AD
F30864
730679
046E6A
528894
—
1.3
Fail
3.3
AA Large
2.0
Fail
1.3
Fail
1.3
Fail
—
2.5
Fail
1.5
Fail
1.1
Fail
3.3
AA Large
2.5
Fail
—
1.7
Fail
2.6
Fail
2.0
Fail
1.5
Fail
1.7
Fail
—
1.5
Fail
1.3
Fail
1.1
Fail
2.6
Fail
1.5
Fail
—
White BG
3.1AA Large
4.2AA Large
10.3AAA
6.1AA
4.0AA Large
Black BG
6.7AA
5.0AA
2.0Fail
3.4AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAD94
8D8B4E
44435D
32336B
696A91

Deuteranopia

BAC88E
9BAD48
4A5256
2C246B
666290

Tritanopia

F6807C
E73C38
6E4742
096C6C
558F8E

Achromatopsia

898989
595959
343434
4E4E4E
797979

Shades & Tints Shades & Tints

#FF46AD

Dark
Light

#F30864

Dark
Light

#730679

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff46ad;
  --color-2: #f30864;
  --color-3: #730679;
  --color-4: #046e6a;
  --color-5: #528894;
}

SCSS

$color-1: #ff46ad;
$color-2: #f30864;
$color-3: #730679;
$color-4: #046e6a;
$color-5: #528894;

TAILWIND

colors: {
  'brand-1': '#ff46ad',
  'brand-2': '#f30864',
  'brand-3': '#730679',
  'brand-4': '#046e6a',
  'brand-5': '#528894',
}

RGB Array

[255, 70, 173], [243, 8, 100], [115, 6, 121], [4, 110, 106], [82, 136, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FF46AD, #F30864, #730679, #046E6A, #528894 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff46ad; --color-2: #f30864; --color-3: #730679; --color-4: #046e6a; --color-5: #528894. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This space-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color