← Back to Editor

#1E2134 · #194655 · #327478 · #AEAE8F · #808C82

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#1E2134

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1E2134
RGB
rgb(30, 33, 52)
HSL
hsl(232, 27%, 16%)
HSB
hsb(232, 42%, 20%)
CMYK
cmyk(42%, 37%, 0%, 80%)
Oklch
oklch(25.4% 0.036 276.6)

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

#194655

Lake Blue · DarkSlateGray · Peacock Green

HEX
#194655
RGB
rgb(25, 70, 85)
HSL
hsl(195, 55%, 22%)
HSB
hsb(195, 71%, 33%)
CMYK
cmyk(71%, 18%, 0%, 67%)
Oklch
oklch(37.0% 0.055 223.3)

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

#327478

Slate Blue · SeaGreen · Mint Ice

HEX
#327478
RGB
rgb(50, 116, 120)
HSL
hsl(183, 41%, 33%)
HSB
hsb(183, 58%, 47%)
CMYK
cmyk(58%, 3%, 0%, 53%)
Oklch
oklch(51.8% 0.067 200.7)

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

#AEAE8F

Fresh Green · DarkGray · Sunflower

HEX
#AEAE8F
RGB
rgb(174, 174, 143)
HSL
hsl(60, 16%, 62%)
HSB
hsb(60, 18%, 68%)
CMYK
cmyk(0%, 0%, 18%, 32%)
Oklch
oklch(74.3% 0.043 107.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#808C82

Ash · Gray · Warm Gray

HEX
#808C82
RGB
rgb(128, 140, 130)
HSL
hsl(130, 5%, 53%)
HSB
hsb(130, 9%, 55%)
CMYK
cmyk(9%, 0%, 7%, 45%)
Oklch
oklch(62.7% 0.020 150.4)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E2134
34311E

Analogous

1E2C34
1E2134
261E34

Triadic

1E2134
341E21
21341E

Split-Comp.

1E2134
34261E
2C341E

Tetradic

1E2134
341E2C
34311E
1E3426

Contrast Matrix WCAG 2.1 Contrast

1E2134
194655
327478
AEAE8F
808C82
—
1.5
Fail
3.0
Fail
7.0
AA
4.5
AA
1.5
Fail
—
1.9
Fail
4.5
AA
2.9
Fail
3.0
Fail
1.9
Fail
—
2.4
Fail
1.5
Fail
7.0
AA
4.5
AA
2.4
Fail
—
1.5
Fail
4.5
AA
2.9
Fail
1.5
Fail
1.5
Fail
—
White BG
15.9AAA
10.3AAA
5.4AA
2.3Fail
3.5AA Large
Black BG
1.3Fail
2.0Fail
3.9AA Large
9.3AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F2F
2C2D51
4F4F77
AEAE97
858584

Deuteranopia

1F1F2E
2A2751
4B4677
AEAE98
858485

Tritanopia

1E2C2B
1B4F4E
357676
AE9C9E
818687

Achromatopsia

222222
3A3A3A
616161
AAAAAA
878787

Shades & Tints Shades & Tints

#1E2134

Dark
Light

#194655

Dark
Light

#327478

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e2134;
  --color-2: #194655;
  --color-3: #327478;
  --color-4: #aeae8f;
  --color-5: #808c82;
}

SCSS

$color-1: #1e2134;
$color-2: #194655;
$color-3: #327478;
$color-4: #aeae8f;
$color-5: #808c82;

TAILWIND

colors: {
  'brand-1': '#1e2134',
  'brand-2': '#194655',
  'brand-3': '#327478',
  'brand-4': '#aeae8f',
  'brand-5': '#808c82',
}

RGB Array

[30, 33, 52], [25, 70, 85], [50, 116, 120], [174, 174, 143], [128, 140, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #1E2134, #194655, #327478, #AEAE8F, #808C82 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #1e2134; --color-2: #194655; --color-3: #327478; --color-4: #aeae8f; --color-5: #808c82. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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