← Back to Editor

#AC7988 · #FF82AB · #FFA686 · #FFC678 · #FFE589

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

#AC7988

Dark Violet · Gray · Rose Pink

HEX
#AC7988
RGB
rgb(172, 121, 136)
HSL
hsl(342, 24%, 57%)
HSB
hsb(342, 30%, 67%)
CMYK
cmyk(0%, 30%, 21%, 33%)
Oklch
oklch(63.2% 0.067 359.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FF82AB

Rouge · LightCoral · Rose Pink

HEX
#FF82AB
RGB
rgb(255, 130, 171)
HSL
hsl(340, 100%, 75%)
HSB
hsb(340, 49%, 100%)
CMYK
cmyk(0%, 49%, 33%, 0%)
Oklch
oklch(75.8% 0.157 0.7)

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

#FFA686

Apricot · LightSalmon · Peach Orange

HEX
#FFA686
RGB
rgb(255, 166, 134)
HSL
hsl(16, 100%, 76%)
HSB
hsb(16, 47%, 100%)
CMYK
cmyk(0%, 35%, 47%, 0%)
Oklch
oklch(80.6% 0.115 40.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFC678

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFC678
RGB
rgb(255, 198, 120)
HSL
hsl(35, 100%, 74%)
HSB
hsb(35, 53%, 100%)
CMYK
cmyk(0%, 22%, 53%, 0%)
Oklch
oklch(86.2% 0.116 73.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFE589

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE589
RGB
rgb(255, 229, 137)
HSL
hsl(47, 100%, 77%)
HSB
hsb(47, 46%, 100%)
CMYK
cmyk(0%, 10%, 46%, 0%)
Oklch
oklch(92.4% 0.116 94.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC7988
77AC9C

Analogous

AC77A1
AC7988
AC8277

Triadic

AC7988
87AC77
7787AC

Split-Comp.

AC7988
77AC82
77A1AC

Tetradic

AC7988
A1AC77
77AC9C
8277AC

Contrast Matrix WCAG 2.1 Contrast

AC7988
FF82AB
FFA686
FFC678
FFE589
—
1.5
Fail
1.9
Fail
2.3
Fail
2.9
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.3
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
3.6AA Large
2.3Fail
1.9Fail
1.5Fail
1.2Fail
Black BG
5.8AA
9.0AAA
11.1AAA
13.6AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969584
C9C8A1
D8D88E
E6E68B
F4F49F

Deuteranopia

999D84
D0DA9F
DEE490
EAEE8F
F5F7A5

Tritanopia

A98281
F99998
FB9495
FC9A9D
FEB1B5

Achromatopsia

8A8A8A
ACACAC
BDBDBD
CECECE
E2E2E2

Shades & Tints Shades & Tints

#AC7988

Dark
Light

#FF82AB

Dark
Light

#FFA686

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac7988;
  --color-2: #ff82ab;
  --color-3: #ffa686;
  --color-4: #ffc678;
  --color-5: #ffe589;
}

SCSS

$color-1: #ac7988;
$color-2: #ff82ab;
$color-3: #ffa686;
$color-4: #ffc678;
$color-5: #ffe589;

TAILWIND

colors: {
  'brand-1': '#ac7988',
  'brand-2': '#ff82ab',
  'brand-3': '#ffa686',
  'brand-4': '#ffc678',
  'brand-5': '#ffe589',
}

RGB Array

[172, 121, 136], [255, 130, 171], [255, 166, 134], [255, 198, 120], [255, 229, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AC7988, #FF82AB, #FFA686, #FFC678, #FFE589 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: #ac7988; --color-2: #ff82ab; --color-3: #ffa686; --color-4: #ffc678; --color-5: #ffe589. 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