← Back to Editor

#B802FF · #FF006F · #EE5610 · #FFB8A5 · #F63256

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

#B802FF

Royal Purple · DarkViolet · Violet

HEX
#B802FF
RGB
rgb(184, 2, 255)
HSL
hsl(283, 100%, 50%)
HSB
hsb(283, 99%, 100%)
CMYK
cmyk(28%, 99%, 0%, 0%)
Oklch
oklch(60.0% 0.301 311.0)

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

#FF006F

Dark Violet · DeepPink · Camellia

HEX
#FF006F
RGB
rgb(255, 0, 111)
HSL
hsl(334, 100%, 50%)
HSB
hsb(334, 100%, 100%)
CMYK
cmyk(0%, 100%, 56%, 0%)
Oklch
oklch(64.1% 0.257 7.8)

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

#EE5610

Tangerine · OrangeRed · Amber Brown

HEX
#EE5610
RGB
rgb(238, 86, 16)
HSL
hsl(19, 87%, 50%)
HSB
hsb(19, 93%, 93%)
CMYK
cmyk(0%, 64%, 93%, 7%)
Oklch
oklch(65.0% 0.199 39.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFB8A5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB8A5
RGB
rgb(255, 184, 165)
HSL
hsl(13, 100%, 82%)
HSB
hsb(13, 35%, 100%)
CMYK
cmyk(0%, 28%, 35%, 0%)
Oklch
oklch(84.4% 0.087 35.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F63256

Vermilion · Crimson · Passion Red

HEX
#F63256
RGB
rgb(246, 50, 86)
HSL
hsl(349, 92%, 58%)
HSB
hsb(349, 80%, 96%)
CMYK
cmyk(0%, 80%, 65%, 4%)
Oklch
oklch(63.7% 0.227 17.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B802FF
48FF00

Analogous

3700FF
B802FF
FF00C8

Triadic

B802FF
FFB700
00FFB7

Split-Comp.

B802FF
C8FF00
00FF37

Tetradic

B802FF
FF3700
48FF00
00C8FF

Contrast Matrix WCAG 2.1 Contrast

B802FF
FF006F
EE5610
FFB8A5
F63256
—
1.2
Fail
1.3
Fail
2.8
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
2.1
Fail
1.1
Fail
2.8
Fail
2.3
Fail
2.1
Fail
—
2.3
Fail
1.2
Fail
1.0
Fail
1.1
Fail
2.3
Fail
—
White BG
4.7AA
3.8AA Large
3.5AA Large
1.7Fail
3.8AA Large
Black BG
4.5AA Large
5.5AA
6.0AA
12.7AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6968C2
918E54
ACAB21
E0E0AA
A19F4D

Deuteranopia

7481B3
9FB34E
B5C025
E4EAAB
ADBB4B

Tritanopia

AF9187
F23F3A
E62E31
FBADAE
EC4645

Achromatopsia

555555
595959
7B7B7B
CBCBCB
717171

Shades & Tints Shades & Tints

#B802FF

Dark
Light

#FF006F

Dark
Light

#EE5610

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b802ff;
  --color-2: #ff006f;
  --color-3: #ee5610;
  --color-4: #ffb8a5;
  --color-5: #f63256;
}

SCSS

$color-1: #b802ff;
$color-2: #ff006f;
$color-3: #ee5610;
$color-4: #ffb8a5;
$color-5: #f63256;

TAILWIND

colors: {
  'brand-1': '#b802ff',
  'brand-2': '#ff006f',
  'brand-3': '#ee5610',
  'brand-4': '#ffb8a5',
  'brand-5': '#f63256',
}

RGB Array

[184, 2, 255], [255, 0, 111], [238, 86, 16], [255, 184, 165], [246, 50, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B802FF, #FF006F, #EE5610, #FFB8A5, #F63256 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #b802ff; --color-2: #ff006f; --color-3: #ee5610; --color-4: #ffb8a5; --color-5: #f63256. 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. 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