← Back to Editor

#F75757 · #EEA453 · #DEDA62 · #BCECA7 · #ABFFF9

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

#F75757

Peach Pink · Tomato · Coral Red

HEX
#F75757
RGB
rgb(247, 87, 87)
HSL
hsl(0, 91%, 65%)
HSB
hsb(0, 65%, 97%)
CMYK
cmyk(0%, 65%, 65%, 3%)
Oklch
oklch(67.2% 0.196 24.0)

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

#EEA453

Ginger · SandyBrown · Warm Sun

HEX
#EEA453
RGB
rgb(238, 164, 83)
HSL
hsl(31, 82%, 63%)
HSB
hsb(31, 65%, 93%)
CMYK
cmyk(0%, 31%, 65%, 7%)
Oklch
oklch(77.6% 0.131 66.1)

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

#DEDA62

Fresh Green · Khaki · Sunflower

HEX
#DEDA62
RGB
rgb(222, 218, 98)
HSL
hsl(58, 65%, 63%)
HSB
hsb(58, 56%, 87%)
CMYK
cmyk(0%, 2%, 56%, 13%)
Oklch
oklch(86.8% 0.142 107.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BCECA7

Emerald · LightGreen · Apple Green

HEX
#BCECA7
RGB
rgb(188, 236, 167)
HSL
hsl(102, 64%, 79%)
HSB
hsb(102, 29%, 93%)
CMYK
cmyk(20%, 0%, 29%, 7%)
Oklch
oklch(89.3% 0.104 136.4)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#ABFFF9

Jade · LightBlue · Glacier Blue

HEX
#ABFFF9
RGB
rgb(171, 255, 249)
HSL
hsl(176, 100%, 84%)
HSB
hsb(176, 33%, 100%)
CMYK
cmyk(33%, 0%, 2%, 0%)
Oklch
oklch(94.5% 0.082 190.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F75757
55F7F7

Analogous

F755A6
F75757
F7A655

Triadic

F75757
55F755
5555F7

Split-Comp.

F75757
55F7A6
55A6F7

Tetradic

F75757
A6F755
55F7F7
A655F7

Contrast Matrix WCAG 2.1 Contrast

F75757
EEA453
DEDA62
BCECA7
ABFFF9
—
1.6
Fail
2.2
Fail
2.4
Fail
2.9
Fail
1.6
Fail
—
1.4
Fail
1.6
Fail
1.8
Fail
2.2
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
2.4
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
2.9
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
White BG
3.3AA Large
2.1Fail
1.5Fail
1.3Fail
1.1Fail
Black BG
6.5AA
10.1AAA
14.3AAA
15.7AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B057
CECD67
DCDC7F
D1D1B8
CFD0FA

Deuteranopia

BBC757
D2D86B
DDDD86
CECABC
CBC4FB

Tritanopia

EF5757
EA7679
DE969B
BEC5C8
AFFCFC

Achromatopsia

878787
B1B1B1
CECECE
D6D6D6
E5E5E5

Shades & Tints Shades & Tints

#F75757

Dark
Light

#EEA453

Dark
Light

#DEDA62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f75757;
  --color-2: #eea453;
  --color-3: #deda62;
  --color-4: #bceca7;
  --color-5: #abfff9;
}

SCSS

$color-1: #f75757;
$color-2: #eea453;
$color-3: #deda62;
$color-4: #bceca7;
$color-5: #abfff9;

TAILWIND

colors: {
  'brand-1': '#f75757',
  'brand-2': '#eea453',
  'brand-3': '#deda62',
  'brand-4': '#bceca7',
  'brand-5': '#abfff9',
}

RGB Array

[247, 87, 87], [238, 164, 83], [222, 218, 98], [188, 236, 167], [171, 255, 249]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F75757, #EEA453, #DEDA62, #BCECA7, #ABFFF9 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: #f75757; --color-2: #eea453; --color-3: #deda62; --color-4: #bceca7; --color-5: #abfff9. 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