← Back to Editor

#3B2F3F · #25505D · #10727A · #94E4E7 · #742B59

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

#3B2F3F

Dark Plum · DarkSlateGray · Eggplant

HEX
#3B2F3F
RGB
rgb(59, 47, 63)
HSL
hsl(285, 15%, 22%)
HSB
hsb(285, 25%, 25%)
CMYK
cmyk(6%, 25%, 0%, 75%)
Oklch
oklch(32.5% 0.032 317.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#25505D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#25505D
RGB
rgb(37, 80, 93)
HSL
hsl(194, 43%, 25%)
HSB
hsb(194, 60%, 36%)
CMYK
cmyk(60%, 14%, 0%, 64%)
Oklch
oklch(40.6% 0.052 220.1)

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

#10727A

Lake Blue · Teal · Mint Ice

HEX
#10727A
RGB
rgb(16, 114, 122)
HSL
hsl(185, 77%, 27%)
HSB
hsb(185, 87%, 48%)
CMYK
cmyk(87%, 7%, 0%, 52%)
Oklch
oklch(50.5% 0.082 203.8)

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

#94E4E7

Sky Blue · SkyBlue · Lake Green

HEX
#94E4E7
RGB
rgb(148, 228, 231)
HSL
hsl(182, 63%, 74%)
HSB
hsb(182, 36%, 91%)
CMYK
cmyk(36%, 1%, 0%, 9%)
Oklch
oklch(86.8% 0.078 198.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#742B59

Rose Purple · Purple · Camellia

HEX
#742B59
RGB
rgb(116, 43, 89)
HSL
hsl(322, 46%, 31%)
HSB
hsb(322, 63%, 45%)
CMYK
cmyk(0%, 63%, 23%, 55%)
Oklch
oklch(41.0% 0.117 344.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B2F3F
344130

Analogous

343041
3B2F3F
41303C

Triadic

3B2F3F
413C30
30413C

Split-Comp.

3B2F3F
3C4130
304134

Tetradic

3B2F3F
413430
344130
303C41

Contrast Matrix WCAG 2.1 Contrast

3B2F3F
25505D
10727A
94E4E7
742B59
—
1.4
Fail
2.2
Fail
8.7
AAA
1.3
Fail
1.4
Fail
—
1.6
Fail
6.1
AA
1.1
Fail
2.2
Fail
1.6
Fail
—
3.9
AA Large
1.7
Fail
8.7
AAA
6.1
AA
3.9
AA Large
—
6.5
AA
1.3
Fail
1.1
Fail
1.7
Fail
6.5
AA
—
White BG
12.6AAA
8.8AAA
5.7AA
1.4Fail
9.4AAA
Black BG
1.7Fail
2.4Fail
3.7AA Large
14.5AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

36363B
38385A
3A3B78
B7B7E6
54544E

Deuteranopia

37373A
353259
352D78
B2ACE6
595E4B

Tritanopia

3A3837
275757
157776
98E6E6
704543

Achromatopsia

343434
454545
565656
CCCCCC
464646

Shades & Tints Shades & Tints

#3B2F3F

Dark
Light

#25505D

Dark
Light

#10727A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b2f3f;
  --color-2: #25505d;
  --color-3: #10727a;
  --color-4: #94e4e7;
  --color-5: #742b59;
}

SCSS

$color-1: #3b2f3f;
$color-2: #25505d;
$color-3: #10727a;
$color-4: #94e4e7;
$color-5: #742b59;

TAILWIND

colors: {
  'brand-1': '#3b2f3f',
  'brand-2': '#25505d',
  'brand-3': '#10727a',
  'brand-4': '#94e4e7',
  'brand-5': '#742b59',
}

RGB Array

[59, 47, 63], [37, 80, 93], [16, 114, 122], [148, 228, 231], [116, 43, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #3B2F3F, #25505D, #10727A, #94E4E7, #742B59 is ideal for: tech websites, dark mode UIs, game UIs, 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: #3b2f3f; --color-2: #25505d; --color-3: #10727a; --color-4: #94e4e7; --color-5: #742b59. 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 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