← Back to Editor

#FF8A4F · #F48C75 · #E391AF · #D193E6 · #B0B1F6

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

#FF8A4F

Apricot · Coral · Warm Sun

HEX
#FF8A4F
RGB
rgb(255, 138, 79)
HSL
hsl(20, 100%, 65%)
HSB
hsb(20, 69%, 100%)
CMYK
cmyk(0%, 46%, 69%, 0%)
Oklch
oklch(75.2% 0.160 45.9)

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

#F48C75

Peach Pink · Salmon · Coral Red

HEX
#F48C75
RGB
rgb(244, 140, 117)
HSL
hsl(11, 85%, 71%)
HSB
hsb(11, 52%, 96%)
CMYK
cmyk(0%, 43%, 52%, 4%)
Oklch
oklch(74.6% 0.132 33.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E391AF

Rouge · LightPink · Rose Pink

HEX
#E391AF
RGB
rgb(227, 145, 175)
HSL
hsl(338, 59%, 73%)
HSB
hsb(338, 36%, 89%)
CMYK
cmyk(0%, 36%, 23%, 11%)
Oklch
oklch(74.8% 0.105 356.4)

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

#D193E6

Lilac · Violet · Lilac Purple

HEX
#D193E6
RGB
rgb(209, 147, 230)
HSL
hsl(285, 62%, 74%)
HSB
hsb(285, 36%, 90%)
CMYK
cmyk(9%, 36%, 0%, 10%)
Oklch
oklch(75.3% 0.133 317.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#B0B1F6

Azure · LightSteelBlue · Sky Blue

HEX
#B0B1F6
RGB
rgb(176, 177, 246)
HSL
hsl(239, 80%, 83%)
HSB
hsb(239, 28%, 96%)
CMYK
cmyk(28%, 28%, 0%, 4%)
Oklch
oklch(78.5% 0.098 283.3)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8A4F
4DC3FF

Analogous

FF4D6A
FF8A4F
FFE14D

Triadic

FF8A4F
4DFF88
884DFF

Split-Comp.

FF8A4F
4DFFE1
4D6AFF

Tetradic

FF8A4F
6AFF4D
4DC3FF
E14DFF

Contrast Matrix WCAG 2.1 Contrast

FF8A4F
F48C75
E391AF
D193E6
B0B1F6
—
1.0
Fail
1.0
Fail
1.0
Fail
1.2
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.2
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.2
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
White BG
2.3Fail
2.4Fail
2.4Fail
2.3Fail
2.0Fail
Black BG
9.0AAA
8.9AAA
8.9AAA
9.0AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB5D
C7C67B
BFBFA8
B6B6D2
B0B0E5

Deuteranopia

D3DC61
CDD57C
C4CAA6
BABECD
B0B0E1

Tritanopia

F9696B
EF7F80
DFA2A1
CEC2BF
B0D8D5

Achromatopsia

A6A6A6
A8A8A8
ADADAD
AFAFAF
B9B9B9

Shades & Tints Shades & Tints

#FF8A4F

Dark
Light

#F48C75

Dark
Light

#E391AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8a4f;
  --color-2: #f48c75;
  --color-3: #e391af;
  --color-4: #d193e6;
  --color-5: #b0b1f6;
}

SCSS

$color-1: #ff8a4f;
$color-2: #f48c75;
$color-3: #e391af;
$color-4: #d193e6;
$color-5: #b0b1f6;

TAILWIND

colors: {
  'brand-1': '#ff8a4f',
  'brand-2': '#f48c75',
  'brand-3': '#e391af',
  'brand-4': '#d193e6',
  'brand-5': '#b0b1f6',
}

RGB Array

[255, 138, 79], [244, 140, 117], [227, 145, 175], [209, 147, 230], [176, 177, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF8A4F, #F48C75, #E391AF, #D193E6, #B0B1F6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ff8a4f; --color-2: #f48c75; --color-3: #e391af; --color-4: #d193e6; --color-5: #b0b1f6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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