← Back to Editor

#FF8247 · #FB677A · #EB5AA0 · #C469BA · #8484C4

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF8247

Apricot · Coral · Warm Sun

HEX
#FF8247
RGB
rgb(255, 130, 71)
HSL
hsl(19, 100%, 64%)
HSB
hsb(19, 72%, 100%)
CMYK
cmyk(0%, 49%, 72%, 0%)
Oklch
oklch(73.9% 0.169 44.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FB677A

Peach Pink · Salmon · Coral Red

HEX
#FB677A
RGB
rgb(251, 103, 122)
HSL
hsl(352, 95%, 69%)
HSB
hsb(352, 59%, 98%)
CMYK
cmyk(0%, 59%, 51%, 2%)
Oklch
oklch(70.4% 0.181 15.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EB5AA0

Rouge · LightCoral · Rose Pink

HEX
#EB5AA0
RGB
rgb(235, 90, 160)
HSL
hsl(331, 78%, 64%)
HSB
hsb(331, 62%, 92%)
CMYK
cmyk(0%, 62%, 32%, 8%)
Oklch
oklch(67.6% 0.191 353.5)

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

#C469BA

Rose Purple · MediumOrchid · Violet

HEX
#C469BA
RGB
rgb(196, 105, 186)
HSL
hsl(307, 44%, 59%)
HSB
hsb(307, 46%, 77%)
CMYK
cmyk(0%, 46%, 5%, 23%)
Oklch
oklch(65.3% 0.153 331.4)

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

#8484C4

Wisteria · LightSlateGray · Cobalt Blue

HEX
#8484C4
RGB
rgb(132, 132, 196)
HSL
hsl(240, 35%, 64%)
HSB
hsb(240, 33%, 77%)
CMYK
cmyk(33%, 33%, 0%, 23%)
Oklch
oklch(63.9% 0.095 283.4)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8247
47C5FF

Analogous

FF4769
FF8247
FFDD47

Triadic

FF8247
47FF82
8247FF

Split-Comp.

FF8247
47FFDD
4769FF

Tetradic

FF8247
69FF47
47C5FF
DD47FF

Contrast Matrix WCAG 2.1 Contrast

FF8247
FB677A
EB5AA0
C469BA
8484C4
—
1.2
Fail
1.3
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
2.5Fail
2.9Fail
3.2AA Large
3.5AA Large
3.5AA Large
Black BG
8.5AAA
7.3AAA
6.5AA
6.1AA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C855
BBBA75
ACAB8F
9D9CA6
8484B5

Deuteranopia

D0DA59
C4CF74
B5C08B
A2A9A2
8484B1

Tritanopia

F96163
F47271
E4827F
BF9794
84A8A6

Achromatopsia

A1A1A1
959595
8D8D8D
8D8D8D
8B8B8B

Shades & Tints Shades & Tints

#FF8247

Dark
Light

#FB677A

Dark
Light

#EB5AA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8247;
  --color-2: #fb677a;
  --color-3: #eb5aa0;
  --color-4: #c469ba;
  --color-5: #8484c4;
}

SCSS

$color-1: #ff8247;
$color-2: #fb677a;
$color-3: #eb5aa0;
$color-4: #c469ba;
$color-5: #8484c4;

TAILWIND

colors: {
  'brand-1': '#ff8247',
  'brand-2': '#fb677a',
  'brand-3': '#eb5aa0',
  'brand-4': '#c469ba',
  'brand-5': '#8484c4',
}

RGB Array

[255, 130, 71], [251, 103, 122], [235, 90, 160], [196, 105, 186], [132, 132, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF8247, #FB677A, #EB5AA0, #C469BA, #8484C4 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: #ff8247; --color-2: #fb677a; --color-3: #eb5aa0; --color-4: #c469ba; --color-5: #8484c4. 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