← Back to Editor

#2E0037 · #8F00F5 · #F500E0 · #85009F · #260041

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2E0037

Royal Purple · MidnightBlue · Dark Purple

HEX
#2E0037
RGB
rgb(46, 0, 55)
HSL
hsl(290, 100%, 11%)
HSB
hsb(290, 100%, 22%)
CMYK
cmyk(16%, 100%, 0%, 78%)
Oklch
oklch(21.9% 0.105 320.4)

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

#8F00F5

Royal Purple · DarkViolet · Violet

HEX
#8F00F5
RGB
rgb(143, 0, 245)
HSL
hsl(275, 100%, 48%)
HSB
hsb(275, 100%, 96%)
CMYK
cmyk(42%, 100%, 0%, 4%)
Oklch
oklch(53.8% 0.286 300.7)

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

#F500E0

Rose Purple · Magenta · Violet

HEX
#F500E0
RGB
rgb(245, 0, 224)
HSL
hsl(305, 100%, 48%)
HSB
hsb(305, 100%, 96%)
CMYK
cmyk(0%, 100%, 9%, 4%)
Oklch
oklch(66.9% 0.300 333.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#85009F

Royal Purple · DarkMagenta · Eggplant

HEX
#85009F
RGB
rgb(133, 0, 159)
HSL
hsl(290, 100%, 31%)
HSB
hsb(290, 100%, 62%)
CMYK
cmyk(16%, 100%, 0%, 38%)
Oklch
oklch(45.1% 0.218 319.1)

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

#260041

Royal Purple · MidnightBlue · Dark Purple

HEX
#260041
RGB
rgb(38, 0, 65)
HSL
hsl(275, 100%, 13%)
HSB
hsb(275, 100%, 25%)
CMYK
cmyk(42%, 100%, 0%, 75%)
Oklch
oklch(21.5% 0.112 305.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E0037
093800

Analogous

130038
2E0037
380025

Triadic

2E0037
382F00
00382F

Split-Comp.

2E0037
253800
003813

Tetradic

2E0037
381300
093800
002538

Contrast Matrix WCAG 2.1 Contrast

2E0037
8F00F5
F500E0
85009F
260041
—
3.0
Fail
5.1
AA
2.1
Fail
1.0
Fail
3.0
Fail
—
1.7
Fail
1.4
Fail
3.0
AA Large
5.1
AA
1.7
Fail
—
2.4
Fail
5.1
AA
2.1
Fail
1.4
Fail
2.4
Fail
—
2.2
Fail
1.0
Fail
3.0
AA Large
5.1
AA
2.2
Fail
—
White BG
17.9AAA
6.0AA
3.5AA Large
8.4AAA
18.1AAA
Black BG
1.2Fail
3.5AA Large
6.0AA
2.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2A
5150BA
8B89AA
4B4A79
161531

Deuteranopia

1D2027
5964AC
99AC9D
535D6F
181B2E

Tritanopia

2C1F1D
888B81
E97F76
7E5A53
242522

Achromatopsia

141414
474747
636363
3A3A3A
131313

Shades & Tints Shades & Tints

#2E0037

Dark
Light

#8F00F5

Dark
Light

#F500E0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e0037;
  --color-2: #8f00f5;
  --color-3: #f500e0;
  --color-4: #85009f;
  --color-5: #260041;
}

SCSS

$color-1: #2e0037;
$color-2: #8f00f5;
$color-3: #f500e0;
$color-4: #85009f;
$color-5: #260041;

TAILWIND

colors: {
  'brand-1': '#2e0037',
  'brand-2': '#8f00f5',
  'brand-3': '#f500e0',
  'brand-4': '#85009f',
  'brand-5': '#260041',
}

RGB Array

[46, 0, 55], [143, 0, 245], [245, 0, 224], [133, 0, 159], [38, 0, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2E0037, #8F00F5, #F500E0, #85009F, #260041 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #2e0037; --color-2: #8f00f5; --color-3: #f500e0; --color-4: #85009f; --color-5: #260041. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 sea-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