← Back to Editor

#2E907C · #648B75 · #A0B195 · #BDC5A6 · #3EA394

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 Library

Color Details Color Details

#2E907C

Mineral Blue · SeaGreen · Mint Ice

HEX
#2E907C
RGB
rgb(46, 144, 124)
HSL
hsl(168, 52%, 37%)
HSB
hsb(168, 68%, 56%)
CMYK
cmyk(68%, 0%, 14%, 44%)
Oklch
oklch(59.2% 0.095 176.5)

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

#648B75

Celadon · SlateGray · Olive Green

HEX
#648B75
RGB
rgb(100, 139, 117)
HSL
hsl(146, 16%, 47%)
HSB
hsb(146, 28%, 55%)
CMYK
cmyk(28%, 0%, 16%, 45%)
Oklch
oklch(60.1% 0.055 159.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#A0B195

Celadon · DarkSeaGreen · Apple Green

HEX
#A0B195
RGB
rgb(160, 177, 149)
HSL
hsl(96, 15%, 64%)
HSB
hsb(96, 16%, 69%)
CMYK
cmyk(10%, 0%, 16%, 31%)
Oklch
oklch(73.9% 0.044 133.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BDC5A6

Willow Green · Silver · Apple Green

HEX
#BDC5A6
RGB
rgb(189, 197, 166)
HSL
hsl(75, 21%, 71%)
HSB
hsb(75, 16%, 77%)
CMYK
cmyk(4%, 0%, 16%, 23%)
Oklch
oklch(80.9% 0.043 119.1)

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

#3EA394

Mineral Blue · CadetBlue · Mint Ice

HEX
#3EA394
RGB
rgb(62, 163, 148)
HSL
hsl(171, 45%, 44%)
HSB
hsb(171, 62%, 64%)
CMYK
cmyk(62%, 0%, 9%, 36%)
Oklch
oklch(65.3% 0.096 181.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E907C
8F2D41

Analogous

2D8F4B
2E907C
2D728F

Triadic

2E907C
7C2D8F
8F7C2D

Split-Comp.

2E907C
8F2D72
8F4B2D

Tetradic

2E907C
4B2D8F
8F2D41
728F2D

Contrast Matrix WCAG 2.1 Contrast

2E907C
648B75
A0B195
BDC5A6
3EA394
—
1.0
Fail
1.7
Fail
2.2
Fail
1.3
Fail
1.0
Fail
—
1.7
Fail
2.1
Fail
1.3
Fail
1.7
Fail
1.7
Fail
—
1.3
Fail
1.3
Fail
2.2
Fail
2.1
Fail
1.3
Fail
—
1.7
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.7
Fail
—
White BG
3.9AA Large
3.8AA Large
2.3Fail
1.8Fail
3.1AA Large
Black BG
5.4AA
5.5AA
9.2AAA
11.7AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585981
75757A
A7A89C
C0C1AE
6A6B98

Deuteranopia

534B82
73707C
A6A59D
C0BFAF
645C99

Tritanopia

338586
667F7F
A1A1A2
BDB3B5
439A9B

Achromatopsia

707070
7D7D7D
A9A9A9
BFBFBF
838383

Shades & Tints Shades & Tints

#2E907C

Dark
Light

#648B75

Dark
Light

#A0B195

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e907c;
  --color-2: #648b75;
  --color-3: #a0b195;
  --color-4: #bdc5a6;
  --color-5: #3ea394;
}

SCSS

$color-1: #2e907c;
$color-2: #648b75;
$color-3: #a0b195;
$color-4: #bdc5a6;
$color-5: #3ea394;

TAILWIND

colors: {
  'brand-1': '#2e907c',
  'brand-2': '#648b75',
  'brand-3': '#a0b195',
  'brand-4': '#bdc5a6',
  'brand-5': '#3ea394',
}

RGB Array

[46, 144, 124], [100, 139, 117], [160, 177, 149], [189, 197, 166], [62, 163, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2E907C, #648B75, #A0B195, #BDC5A6, #3EA394 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #2e907c; --color-2: #648b75; --color-3: #a0b195; --color-4: #bdc5a6; --color-5: #3ea394. 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. 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