← Back to Editor

#8DF9E1 · #FFEB99 · #FFD633 · #FF9D19 · #D20C60

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

#8DF9E1

Jade · SkyBlue · Glacier Blue

HEX
#8DF9E1
RGB
rgb(141, 249, 225)
HSL
hsl(167, 90%, 76%)
HSB
hsb(167, 43%, 98%)
CMYK
cmyk(43%, 0%, 10%, 2%)
Oklch
oklch(91.0% 0.106 177.7)

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

#FFEB99

Goose Yellow · Khaki · Lemon Cream

HEX
#FFEB99
RGB
rgb(255, 235, 153)
HSL
hsl(48, 100%, 80%)
HSB
hsb(48, 40%, 100%)
CMYK
cmyk(0%, 8%, 40%, 0%)
Oklch
oklch(93.8% 0.104 96.1)

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

#FFD633

Ginger · Gold · Sunflower

HEX
#FFD633
RGB
rgb(255, 214, 51)
HSL
hsl(48, 100%, 60%)
HSB
hsb(48, 80%, 100%)
CMYK
cmyk(0%, 16%, 80%, 0%)
Oklch
oklch(88.6% 0.170 93.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FF9D19

Ginger · Orange · Warm Sun

HEX
#FF9D19
RGB
rgb(255, 157, 25)
HSL
hsl(34, 100%, 55%)
HSB
hsb(34, 90%, 100%)
CMYK
cmyk(0%, 38%, 90%, 0%)
Oklch
oklch(77.9% 0.169 65.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D20C60

Dark Violet · Crimson · Camellia

HEX
#D20C60
RGB
rgb(210, 12, 96)
HSL
hsl(335, 89%, 44%)
HSB
hsb(335, 94%, 82%)
CMYK
cmyk(0%, 94%, 54%, 18%)
Oklch
oklch(55.8% 0.220 6.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8DF9E1
F98BA3

Analogous

8BF9AA
8DF9E1
8BDAF9

Triadic

8DF9E1
E18BF9
F9E18B

Split-Comp.

8DF9E1
F98BDA
F9AA8B

Tetradic

8DF9E1
AA8BF9
F98BA3
DAF98B

Contrast Matrix WCAG 2.1 Contrast

8DF9E1
FFEB99
FFD633
FF9D19
D20C60
—
1.0
Fail
1.1
Fail
1.7
Fail
4.2
AA Large
1.0
Fail
—
1.2
Fail
1.7
Fail
4.4
AA Large
1.1
Fail
1.2
Fail
—
1.5
Fail
3.8
AA Large
1.7
Fail
1.7
Fail
1.5
Fail
—
2.5
Fail
4.2
AA Large
4.4
AA Large
3.8
AA Large
2.5
Fail
—
White BG
1.3Fail
1.2Fail
1.4Fail
2.1Fail
5.3AA
Black BG
16.8AAA
17.6AAA
14.9AAA
10.1AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBDE7
F6F6AD
EDED5A
D5D439
7C7A4C

Deuteranopia

B6ADE8
F8F9B2
F0F364
DAE241
889747

Tritanopia

92EBEC
FEBDC0
FD7A80
FA5258
C83C38

Achromatopsia

D6D6D6
E8E8E8
D0D0D0
ABABAB
515151

Shades & Tints Shades & Tints

#8DF9E1

Dark
Light

#FFEB99

Dark
Light

#FFD633

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8df9e1;
  --color-2: #ffeb99;
  --color-3: #ffd633;
  --color-4: #ff9d19;
  --color-5: #d20c60;
}

SCSS

$color-1: #8df9e1;
$color-2: #ffeb99;
$color-3: #ffd633;
$color-4: #ff9d19;
$color-5: #d20c60;

TAILWIND

colors: {
  'brand-1': '#8df9e1',
  'brand-2': '#ffeb99',
  'brand-3': '#ffd633',
  'brand-4': '#ff9d19',
  'brand-5': '#d20c60',
}

RGB Array

[141, 249, 225], [255, 235, 153], [255, 214, 51], [255, 157, 25], [210, 12, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8DF9E1, #FFEB99, #FFD633, #FF9D19, #D20C60 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: #8df9e1; --color-2: #ffeb99; --color-3: #ffd633; --color-4: #ff9d19; --color-5: #d20c60. 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