← Back to Editor

#F7D6A1 · #F0AD93 · #E63E55 · #090F3F · #B90358

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 AppData Visualization

Color Details Color Details

#F7D6A1

Goose Yellow · Wheat · Peach Orange

HEX
#F7D6A1
RGB
rgb(247, 214, 161)
HSL
hsl(37, 84%, 80%)
HSB
hsb(37, 35%, 97%)
CMYK
cmyk(0%, 13%, 35%, 3%)
Oklch
oklch(89.1% 0.078 79.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F0AD93

Apricot · BurlyWood · Peach Orange

HEX
#F0AD93
RGB
rgb(240, 173, 147)
HSL
hsl(17, 76%, 76%)
HSB
hsb(17, 39%, 94%)
CMYK
cmyk(0%, 28%, 39%, 6%)
Oklch
oklch(80.4% 0.087 42.1)

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

#E63E55

Vermilion · Tomato · Passion Red

HEX
#E63E55
RGB
rgb(230, 62, 85)
HSL
hsl(352, 77%, 57%)
HSB
hsb(352, 73%, 90%)
CMYK
cmyk(0%, 73%, 63%, 10%)
Oklch
oklch(61.9% 0.203 18.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#090F3F

Indigo · MidnightBlue · Deep Sea Blue

HEX
#090F3F
RGB
rgb(9, 15, 63)
HSL
hsl(233, 75%, 14%)
HSB
hsb(233, 86%, 25%)
CMYK
cmyk(86%, 76%, 0%, 75%)
Oklch
oklch(20.4% 0.091 270.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#B90358

Dark Violet · Crimson · Camellia

HEX
#B90358
RGB
rgb(185, 3, 88)
HSL
hsl(332, 97%, 37%)
HSB
hsb(332, 98%, 73%)
CMYK
cmyk(0%, 98%, 52%, 27%)
Oklch
oklch(50.7% 0.203 3.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7D6A1
A1C2F7

Analogous

F7ABA1
F7D6A1
EDF7A1

Triadic

F7D6A1
A1F7D6
D6A1F7

Split-Comp.

F7D6A1
A1EDF7
ABA1F7

Tetradic

F7D6A1
A1F7AB
A1C2F7
F7A1ED

Contrast Matrix WCAG 2.1 Contrast

F7D6A1
F0AD93
E63E55
090F3F
B90358
—
1.4
Fail
2.9
Fail
13.1
AAA
4.7
AA
1.4
Fail
—
2.1
Fail
9.6
AAA
3.5
AA Large
2.9
Fail
2.1
Fail
—
4.5
AA
1.6
Fail
13.1
AAA
9.6
AAA
4.5
AA
—
2.8
Fail
4.7
AA
3.5
AA Large
1.6
Fail
2.8
Fail
—
White BG
1.4Fail
1.9Fail
4.1AA Large
18.2AAA
6.5AA
Black BG
15.1AAA
11.1AAA
5.2AA
1.2Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E8AE
D3D299
9D9C4F
0C0C33
6A6943

Deuteranopia

EBEDB1
D7DC9B
A7B44E
0B0B31
75823E

Tritanopia

F5B8BA
ED9E9F
DE4B4A
092A28
B03330

Achromatopsia

DADADA
BEBEBE
737373
131313
434343

Shades & Tints Shades & Tints

#F7D6A1

Dark
Light

#F0AD93

Dark
Light

#E63E55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7d6a1;
  --color-2: #f0ad93;
  --color-3: #e63e55;
  --color-4: #090f3f;
  --color-5: #b90358;
}

SCSS

$color-1: #f7d6a1;
$color-2: #f0ad93;
$color-3: #e63e55;
$color-4: #090f3f;
$color-5: #b90358;

TAILWIND

colors: {
  'brand-1': '#f7d6a1',
  'brand-2': '#f0ad93',
  'brand-3': '#e63e55',
  'brand-4': '#090f3f',
  'brand-5': '#b90358',
}

RGB Array

[247, 214, 161], [240, 173, 147], [230, 62, 85], [9, 15, 63], [185, 3, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F7D6A1, #F0AD93, #E63E55, #090F3F, #B90358 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f7d6a1; --color-2: #f0ad93; --color-3: #e63e55; --color-4: #090f3f; --color-5: #b90358. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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