← Back to Editor

#FF3881 · #FF8099 · #FFDBC2 · #DBDBDB · #8FFBFF

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

#FF3881

Rouge · DeepPink · Rose Pink

HEX
#FF3881
RGB
rgb(255, 56, 129)
HSL
hsl(338, 100%, 61%)
HSB
hsb(338, 78%, 100%)
CMYK
cmyk(0%, 78%, 49%, 0%)
Oklch
oklch(66.6% 0.235 4.9)

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

#FF8099

Peach Pink · LightCoral · Coral Red

HEX
#FF8099
RGB
rgb(255, 128, 153)
HSL
hsl(348, 100%, 75%)
HSB
hsb(348, 50%, 100%)
CMYK
cmyk(0%, 50%, 40%, 0%)
Oklch
oklch(75.0% 0.156 9.2)

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

#FFDBC2

Apricot · Bisque · Peach Orange

HEX
#FFDBC2
RGB
rgb(255, 219, 194)
HSL
hsl(25, 100%, 88%)
HSB
hsb(25, 24%, 100%)
CMYK
cmyk(0%, 14%, 24%, 0%)
Oklch
oklch(91.5% 0.052 56.8)

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

#DBDBDB

Plain White · LightGray · Cloud White

HEX
#DBDBDB
RGB
rgb(219, 219, 219)
HSL
hsl(0, 0%, 86%)
HSB
hsb(0, 0%, 86%)
CMYK
cmyk(0%, 0%, 0%, 14%)
Oklch
oklch(89.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#8FFBFF

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#8FFBFF
RGB
rgb(143, 251, 255)
HSL
hsl(182, 100%, 78%)
HSB
hsb(182, 44%, 100%)
CMYK
cmyk(44%, 2%, 0%, 0%)
Oklch
oklch(92.5% 0.100 198.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF3881
38FFB6

Analogous

FF38E4
FF3881
FF5338

Triadic

FF3881
81FF38
3881FF

Split-Comp.

FF3881
38FF53
38E4FF

Tetradic

FF3881
E4FF38
38FFB6
5338FF

Contrast Matrix WCAG 2.1 Contrast

FF3881
FF8099
FFDBC2
DBDBDB
8FFBFF
—
1.4
Fail
2.6
Fail
2.5
Fail
2.8
Fail
1.4
Fail
—
1.8
Fail
1.7
Fail
2.0
Fail
2.6
Fail
1.8
Fail
—
1.1
Fail
1.1
Fail
2.5
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
2.8
Fail
2.0
Fail
1.1
Fail
1.1
Fail
—
White BG
3.4AA Large
2.4Fail
1.3Fail
1.4Fail
1.2Fail
Black BG
6.1AA
8.8AAA
16.2AAA
15.2AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A76F
C8C793
EFEFC8
DBDBDB
BEBFFE

Deuteranopia

B4C36B
CFD992
F2F4CA
DBDBDB
B8AFFE

Tritanopia

F5615E
F98E8D
FDCDCE
DBDBDB
94FDFD

Achromatopsia

7C7C7C
A9A9A9
E3E3E3
DBDBDB
DBDBDB

Shades & Tints Shades & Tints

#FF3881

Dark
Light

#FF8099

Dark
Light

#FFDBC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff3881;
  --color-2: #ff8099;
  --color-3: #ffdbc2;
  --color-4: #dbdbdb;
  --color-5: #8ffbff;
}

SCSS

$color-1: #ff3881;
$color-2: #ff8099;
$color-3: #ffdbc2;
$color-4: #dbdbdb;
$color-5: #8ffbff;

TAILWIND

colors: {
  'brand-1': '#ff3881',
  'brand-2': '#ff8099',
  'brand-3': '#ffdbc2',
  'brand-4': '#dbdbdb',
  'brand-5': '#8ffbff',
}

RGB Array

[255, 56, 129], [255, 128, 153], [255, 219, 194], [219, 219, 219], [143, 251, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF3881, #FF8099, #FFDBC2, #DBDBDB, #8FFBFF 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: #ff3881; --color-2: #ff8099; --color-3: #ffdbc2; --color-4: #dbdbdb; --color-5: #8ffbff. 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