← Back to Editor

#3E637F · #328294 · #23A8AE · #00FFEA · #ADF6D1

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#3E637F

Slate Blue · DarkSlateBlue · Prussian Blue

HEX
#3E637F
RGB
rgb(62, 99, 127)
HSL
hsl(206, 34%, 37%)
HSB
hsb(206, 51%, 50%)
CMYK
cmyk(51%, 22%, 0%, 50%)
Oklch
oklch(48.4% 0.062 242.3)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#328294

Slate Blue · SteelBlue · Mint Ice

HEX
#328294
RGB
rgb(50, 130, 148)
HSL
hsl(191, 49%, 39%)
HSB
hsb(191, 66%, 58%)
CMYK
cmyk(66%, 12%, 0%, 42%)
Oklch
oklch(56.5% 0.081 215.3)

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

#23A8AE

Lake Blue · LightSeaGreen · Mint Ice

HEX
#23A8AE
RGB
rgb(35, 168, 174)
HSL
hsl(183, 67%, 41%)
HSB
hsb(183, 80%, 68%)
CMYK
cmyk(80%, 3%, 0%, 32%)
Oklch
oklch(66.8% 0.107 199.7)

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

#00FFEA

Mineral Blue · Cyan · Mint Ice

HEX
#00FFEA
RGB
rgb(0, 255, 234)
HSL
hsl(175, 100%, 50%)
HSB
hsb(175, 100%, 100%)
CMYK
cmyk(100%, 0%, 8%, 0%)
Oklch
oklch(89.9% 0.159 184.3)

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

#ADF6D1

Jade · LightBlue · Mint Green

HEX
#ADF6D1
RGB
rgb(173, 246, 209)
HSL
hsl(150, 80%, 82%)
HSB
hsb(150, 30%, 96%)
CMYK
cmyk(30%, 0%, 15%, 4%)
Oklch
oklch(91.5% 0.089 161.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E637F
7E5A3E

Analogous

3E7E7A
3E637F
3E437E

Triadic

3E637F
7E3E63
637E3E

Split-Comp.

3E637F
7E3E43
7E7A3E

Tetradic

3E637F
7A3E7E
7E5A3E
437E3E

Contrast Matrix WCAG 2.1 Contrast

3E637F
328294
23A8AE
00FFEA
ADF6D1
—
1.4
Fail
2.2
Fail
5.0
AA
5.1
AA
1.4
Fail
—
1.5
Fail
3.5
AA Large
3.5
AA Large
2.2
Fail
1.5
Fail
—
2.3
Fail
2.3
Fail
5.0
AA
3.5
AA Large
2.3
Fail
—
1.0
Fail
5.1
AA
3.5
AA Large
2.3
Fail
1.0
Fail
—
White BG
6.4AA
4.4AA Large
2.9Fail
1.3Fail
1.2Fail
Black BG
3.3AA Large
4.8AA
7.3AAA
16.5AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E78
555590
5D5EAD
6E71EF
CDCDDA

Deuteranopia

4C4977
504A8F
554BAC
604DF0
C8C3DC

Tritanopia

407372
368C8B
2AABAB
0DF3F4
B1E1E3

Achromatopsia

5B5B5B
6C6C6C
818181
B0B0B0
DCDCDC

Shades & Tints Shades & Tints

#3E637F

Dark
Light

#328294

Dark
Light

#23A8AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e637f;
  --color-2: #328294;
  --color-3: #23a8ae;
  --color-4: #00ffea;
  --color-5: #adf6d1;
}

SCSS

$color-1: #3e637f;
$color-2: #328294;
$color-3: #23a8ae;
$color-4: #00ffea;
$color-5: #adf6d1;

TAILWIND

colors: {
  'brand-1': '#3e637f',
  'brand-2': '#328294',
  'brand-3': '#23a8ae',
  'brand-4': '#00ffea',
  'brand-5': '#adf6d1',
}

RGB Array

[62, 99, 127], [50, 130, 148], [35, 168, 174], [0, 255, 234], [173, 246, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #3E637F, #328294, #23A8AE, #00FFEA, #ADF6D1 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #3e637f; --color-2: #328294; --color-3: #23a8ae; --color-4: #00ffea; --color-5: #adf6d1. 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 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