← Back to Editor

#F8EBDB · #EAD5C0 · #EEA4A3 · #1A272F · #297493

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F8EBDB

Goose Yellow · Beige · Peach Orange

HEX
#F8EBDB
RGB
rgb(248, 235, 219)
HSL
hsl(33, 67%, 92%)
HSB
hsb(33, 12%, 97%)
CMYK
cmyk(0%, 5%, 12%, 3%)
Oklch
oklch(94.6% 0.026 73.2)

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

#EAD5C0

Goose Yellow · Wheat · Peach Orange

HEX
#EAD5C0
RGB
rgb(234, 213, 192)
HSL
hsl(30, 50%, 84%)
HSB
hsb(30, 18%, 92%)
CMYK
cmyk(0%, 9%, 18%, 8%)
Oklch
oklch(88.5% 0.037 67.3)

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

#EEA4A3

Peach Pink · BurlyWood · Coral Red

HEX
#EEA4A3
RGB
rgb(238, 164, 163)
HSL
hsl(1, 69%, 79%)
HSB
hsb(1, 32%, 93%)
CMYK
cmyk(0%, 31%, 32%, 7%)
Oklch
oklch(79.0% 0.088 20.1)

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

#1A272F

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#1A272F
RGB
rgb(26, 39, 47)
HSL
hsl(203, 29%, 14%)
HSB
hsb(203, 45%, 18%)
CMYK
cmyk(45%, 17%, 0%, 82%)
Oklch
oklch(26.4% 0.023 235.8)

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

#297493

Lake Blue · SteelBlue · Mint Ice

HEX
#297493
RGB
rgb(41, 116, 147)
HSL
hsl(198, 56%, 37%)
HSB
hsb(198, 72%, 58%)
CMYK
cmyk(72%, 21%, 0%, 42%)
Oklch
oklch(52.7% 0.087 229.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8EBDB
DDE9F8

Analogous

F8DEDD
F8EBDB
F7F8DD

Triadic

F8EBDB
DDF8EC
ECDDF8

Split-Comp.

F8EBDB
DDF7F8
DEDDF8

Tetradic

F8EBDB
DDF8DE
DDE9F8
F8DDF7

Contrast Matrix WCAG 2.1 Contrast

F8EBDB
EAD5C0
EEA4A3
1A272F
297493
—
1.2
Fail
1.7
Fail
13.0
AAA
4.5
AA Large
1.2
Fail
—
1.4
Fail
10.7
AAA
3.7
AA Large
1.7
Fail
1.4
Fail
—
7.6
AAA
2.6
Fail
13.0
AAA
10.7
AAA
7.6
AAA
—
2.9
Fail
4.5
AA Large
3.7
AA Large
2.6
Fail
2.9
Fail
—
White BG
1.2Fail
1.4Fail
2.0Fail
15.3AAA
5.2AA
Black BG
17.9AAA
14.8AAA
10.5AAA
1.4Fail
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2DF
E1E1C5
CECDA3
20202D
494A8B

Deuteranopia

F3F4E0
E2E4C6
D2D8A3
1F1E2D
45408A

Tritanopia

F7E2E3
E9C9CA
EAA3A3
1B2C2B
2D8684

Achromatopsia

EDEDED
D9D9D9
BABABA
242424
616161

Shades & Tints Shades & Tints

#F8EBDB

Dark
Light

#EAD5C0

Dark
Light

#EEA4A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8ebdb;
  --color-2: #ead5c0;
  --color-3: #eea4a3;
  --color-4: #1a272f;
  --color-5: #297493;
}

SCSS

$color-1: #f8ebdb;
$color-2: #ead5c0;
$color-3: #eea4a3;
$color-4: #1a272f;
$color-5: #297493;

TAILWIND

colors: {
  'brand-1': '#f8ebdb',
  'brand-2': '#ead5c0',
  'brand-3': '#eea4a3',
  'brand-4': '#1a272f',
  'brand-5': '#297493',
}

RGB Array

[248, 235, 219], [234, 213, 192], [238, 164, 163], [26, 39, 47], [41, 116, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F8EBDB, #EAD5C0, #EEA4A3, #1A272F, #297493 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f8ebdb; --color-2: #ead5c0; --color-3: #eea4a3; --color-4: #1a272f; --color-5: #297493. 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 tech, SaaS, healthcare, eco industries. 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