← Back to Editor

#AEEEB7 · #E3A69D · #445E59 · #FFFFFF · #030303

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

#AEEEB7

Emerald · LightGreen · Mint Green

HEX
#AEEEB7
RGB
rgb(174, 238, 183)
HSL
hsl(128, 65%, 81%)
HSB
hsb(128, 27%, 93%)
CMYK
cmyk(27%, 0%, 23%, 7%)
Oklch
oklch(89.2% 0.099 148.4)

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

#E3A69D

Peach Pink · Tan · Coral Red

HEX
#E3A69D
RGB
rgb(227, 166, 157)
HSL
hsl(8, 56%, 75%)
HSB
hsb(8, 31%, 89%)
CMYK
cmyk(0%, 27%, 31%, 11%)
Oklch
oklch(78.0% 0.074 28.3)

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

#445E59

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#445E59
RGB
rgb(68, 94, 89)
HSL
hsl(168, 16%, 32%)
HSB
hsb(168, 28%, 37%)
CMYK
cmyk(28%, 0%, 5%, 63%)
Oklch
oklch(45.9% 0.032 181.7)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#030303

Ink Black · Black · Jet Black

HEX
#030303
RGB
rgb(3, 3, 3)
HSL
hsl(0, 0%, 1%)
HSB
hsb(0, 0%, 1%)
CMYK
cmyk(0%, 0%, 0%, 99%)
Oklch
oklch(9.7% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEEEB7
EEAFE6

Analogous

C6EEAF
AEEEB7
AFEED7

Triadic

AEEEB7
B7AFEE
EEB7AF

Split-Comp.

AEEEB7
D7AFEE
EEAFC6

Tetradic

AEEEB7
AFC6EE
EEAFE6
EED7AF

Contrast Matrix WCAG 2.1 Contrast

AEEEB7
E3A69D
445E59
FFFFFF
030303
—
1.5
Fail
5.3
AA
1.3
Fail
15.4
AAA
1.5
Fail
—
3.4
AA Large
2.1
Fail
10.0
AAA
5.3
AA
3.4
AA Large
—
7.0
AAA
2.9
Fail
1.3
Fail
2.1
Fail
7.0
AAA
—
20.6
AAA
15.4
AAA
10.0
AAA
2.9
Fail
20.6
AAA
—
White BG
1.3Fail
2.1Fail
7.0AAA
1.0Fail
20.6AAA
Black BG
15.7AAA
10.2AAA
3.0Fail
21.0AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAC4
C9C89F
4F4F5A
FFFFFF
030303

Deuteranopia

C6C1C8
CCD1A0
4E4C5B
FFFFFF
030303

Tritanopia

B1CFD1
E0A1A1
455B5B
FFFFFF
030303

Achromatopsia

D5D5D5
B7B7B7
565656
FFFFFF
030303

Shades & Tints Shades & Tints

#AEEEB7

Dark
Light

#E3A69D

Dark
Light

#445E59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeeeb7;
  --color-2: #e3a69d;
  --color-3: #445e59;
  --color-4: #ffffff;
  --color-5: #030303;
}

SCSS

$color-1: #aeeeb7;
$color-2: #e3a69d;
$color-3: #445e59;
$color-4: #ffffff;
$color-5: #030303;

TAILWIND

colors: {
  'brand-1': '#aeeeb7',
  'brand-2': '#e3a69d',
  'brand-3': '#445e59',
  'brand-4': '#ffffff',
  'brand-5': '#030303',
}

RGB Array

[174, 238, 183], [227, 166, 157], [68, 94, 89], [255, 255, 255], [3, 3, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AEEEB7, #E3A69D, #445E59, #FFFFFF, #030303 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aeeeb7; --color-2: #e3a69d; --color-3: #445e59; --color-4: #ffffff; --color-5: #030303. 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. Restrained colors convey professionalism and trust. 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