← Back to Editor

#28839E · #73B2A7 · #F8EFC6 · #FDCD8B · #E1B67F

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

#28839E

Lake Blue · SteelBlue · Mint Ice

HEX
#28839E
RGB
rgb(40, 131, 158)
HSL
hsl(194, 60%, 39%)
HSB
hsb(194, 75%, 62%)
CMYK
cmyk(75%, 17%, 0%, 38%)
Oklch
oklch(56.9% 0.092 222.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#73B2A7

Mineral Blue · CadetBlue · Lake Green

HEX
#73B2A7
RGB
rgb(115, 178, 167)
HSL
hsl(170, 29%, 57%)
HSB
hsb(170, 35%, 70%)
CMYK
cmyk(35%, 0%, 6%, 30%)
Oklch
oklch(71.8% 0.067 182.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#F8EFC6

Goose Yellow · Bisque · Lemon Cream

HEX
#F8EFC6
RGB
rgb(248, 239, 198)
HSL
hsl(49, 78%, 87%)
HSB
hsb(49, 20%, 97%)
CMYK
cmyk(0%, 4%, 20%, 3%)
Oklch
oklch(94.9% 0.054 97.0)

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

#FDCD8B

Goose Yellow · Khaki · Peach Orange

HEX
#FDCD8B
RGB
rgb(253, 205, 139)
HSL
hsl(35, 97%, 77%)
HSB
hsb(35, 45%, 99%)
CMYK
cmyk(0%, 19%, 45%, 1%)
Oklch
oklch(87.6% 0.099 74.7)

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

#E1B67F

Ginger · BurlyWood · Warm Sun

HEX
#E1B67F
RGB
rgb(225, 182, 127)
HSL
hsl(34, 62%, 69%)
HSB
hsb(34, 44%, 88%)
CMYK
cmyk(0%, 19%, 44%, 12%)
Oklch
oklch(80.2% 0.087 72.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

28839E
9F4428

Analogous

289F7F
28839E
28489F

Triadic

28839E
9F2883
839F28

Split-Comp.

28839E
9F2848
9F7F28

Tetradic

28839E
7F289F
9F4428
489F28

Contrast Matrix WCAG 2.1 Contrast

28839E
73B2A7
F8EFC6
FDCD8B
E1B67F
—
1.8
Fail
3.8
AA Large
3.0
Fail
2.3
Fail
1.8
Fail
—
2.1
Fail
1.7
Fail
1.3
Fail
3.8
AA Large
2.1
Fail
—
1.3
Fail
1.6
Fail
3.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.3
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
White BG
4.3AA Large
2.4Fail
1.2Fail
1.5Fail
1.9Fail
Black BG
4.8AA
8.7AAA
18.2AAA
14.3AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F5097
8E8FAA
F4F4D0
E8E89B
CECE8C

Deuteranopia

4A4396
8B86AA
F5F5D2
EBEF9F
D1D490

Tritanopia

2D9291
76ACAC
F8D8D9
FBA8AA
DF9799

Achromatopsia

6B6B6B
9E9E9E
EDEDED
D4D4D4
BDBDBD

Shades & Tints Shades & Tints

#28839E

Dark
Light

#73B2A7

Dark
Light

#F8EFC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #28839e;
  --color-2: #73b2a7;
  --color-3: #f8efc6;
  --color-4: #fdcd8b;
  --color-5: #e1b67f;
}

SCSS

$color-1: #28839e;
$color-2: #73b2a7;
$color-3: #f8efc6;
$color-4: #fdcd8b;
$color-5: #e1b67f;

TAILWIND

colors: {
  'brand-1': '#28839e',
  'brand-2': '#73b2a7',
  'brand-3': '#f8efc6',
  'brand-4': '#fdcd8b',
  'brand-5': '#e1b67f',
}

RGB Array

[40, 131, 158], [115, 178, 167], [248, 239, 198], [253, 205, 139], [225, 182, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #28839E, #73B2A7, #F8EFC6, #FDCD8B, #E1B67F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #28839e; --color-2: #73b2a7; --color-3: #f8efc6; --color-4: #fdcd8b; --color-5: #e1b67f. 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. 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