← Back to Editor

#E9EFD5 · #AEDEC6 · #579AAA · #045068 · #172F39

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E9EFD5

Willow Green · Beige · Mint Green

HEX
#E9EFD5
RGB
rgb(233, 239, 213)
HSL
hsl(74, 45%, 89%)
HSB
hsb(74, 11%, 94%)
CMYK
cmyk(3%, 0%, 11%, 6%)
Oklch
oklch(94.1% 0.035 117.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#AEDEC6

Jade · LightBlue · Apple Green

HEX
#AEDEC6
RGB
rgb(174, 222, 198)
HSL
hsl(150, 42%, 78%)
HSB
hsb(150, 22%, 87%)
CMYK
cmyk(22%, 0%, 11%, 13%)
Oklch
oklch(86.0% 0.060 163.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#579AAA

Slate Blue · CadetBlue · Mint Ice

HEX
#579AAA
RGB
rgb(87, 154, 170)
HSL
hsl(192, 33%, 50%)
HSB
hsb(192, 49%, 67%)
CMYK
cmyk(49%, 9%, 0%, 33%)
Oklch
oklch(64.8% 0.072 214.9)

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

#045068

Lake Blue · DarkSlateGray · Peacock Green

HEX
#045068
RGB
rgb(4, 80, 104)
HSL
hsl(194, 93%, 21%)
HSB
hsb(194, 96%, 41%)
CMYK
cmyk(96%, 23%, 0%, 59%)
Oklch
oklch(40.3% 0.076 227.0)

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

#172F39

Slate Blue · DarkSlateGray · Peacock Green

HEX
#172F39
RGB
rgb(23, 47, 57)
HSL
hsl(198, 43%, 16%)
HSB
hsb(198, 60%, 22%)
CMYK
cmyk(60%, 18%, 0%, 78%)
Oklch
oklch(29.0% 0.035 227.0)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9EFD5
DCD6F0

Analogous

F0E9D6
E9EFD5
DDF0D6

Triadic

E9EFD5
D6EAF0
F0D6EA

Split-Comp.

E9EFD5
D6DDF0
E9D6F0

Tetradic

E9EFD5
D6F0E9
DCD6F0
F0D6DD

Contrast Matrix WCAG 2.1 Contrast

E9EFD5
AEDEC6
579AAA
045068
172F39
—
1.3
Fail
2.7
Fail
7.6
AAA
11.8
AAA
1.3
Fail
—
2.1
Fail
6.0
AA
9.4
AAA
2.7
Fail
2.1
Fail
—
2.8
Fail
4.4
AA Large
7.6
AAA
6.0
AA
2.8
Fail
—
1.6
Fail
11.8
AAA
9.4
AAA
4.4
AA Large
1.6
Fail
—
White BG
1.2Fail
1.5Fail
3.2AA Large
8.9AAA
14.0AAA
Black BG
17.8AAA
14.1AAA
6.6AA
2.4Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECDB
C3C3CC
7475A6
252662
212237

Deuteranopia

EBEBDD
C0BCCD
706BA5
211B61
201E36

Tritanopia

E9E0E1
B0D0D1
5AA3A2
085E5D
183534

Achromatopsia

EAEAEA
CDCDCD
888888
3C3C3C
292929

Shades & Tints Shades & Tints

#E9EFD5

Dark
Light

#AEDEC6

Dark
Light

#579AAA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9efd5;
  --color-2: #aedec6;
  --color-3: #579aaa;
  --color-4: #045068;
  --color-5: #172f39;
}

SCSS

$color-1: #e9efd5;
$color-2: #aedec6;
$color-3: #579aaa;
$color-4: #045068;
$color-5: #172f39;

TAILWIND

colors: {
  'brand-1': '#e9efd5',
  'brand-2': '#aedec6',
  'brand-3': '#579aaa',
  'brand-4': '#045068',
  'brand-5': '#172f39',
}

RGB Array

[233, 239, 213], [174, 222, 198], [87, 154, 170], [4, 80, 104], [23, 47, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E9EFD5, #AEDEC6, #579AAA, #045068, #172F39 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: #e9efd5; --color-2: #aedec6; --color-3: #579aaa; --color-4: #045068; --color-5: #172f39. 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