← Back to Editor

#6E7829 · #1D6E61 · #3C0105 · #19A694 · #32B8B6

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6E7829

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6E7829
RGB
rgb(110, 120, 41)
HSL
hsl(68, 49%, 32%)
HSB
hsb(68, 66%, 47%)
CMYK
cmyk(8%, 0%, 66%, 53%)
Oklch
oklch(54.8% 0.103 116.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#1D6E61

Mineral Blue · SeaGreen · Mint Ice

HEX
#1D6E61
RGB
rgb(29, 110, 97)
HSL
hsl(170, 58%, 27%)
HSB
hsb(170, 74%, 43%)
CMYK
cmyk(74%, 0%, 12%, 57%)
Oklch
oklch(48.7% 0.079 179.7)

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

#3C0105

Vermilion · Black · Deep Berry

HEX
#3C0105
RGB
rgb(60, 1, 5)
HSL
hsl(356, 97%, 12%)
HSB
hsb(356, 98%, 24%)
CMYK
cmyk(0%, 98%, 92%, 76%)
Oklch
oklch(22.6% 0.089 24.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#19A694

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#19A694
RGB
rgb(25, 166, 148)
HSL
hsl(172, 74%, 37%)
HSB
hsb(172, 85%, 65%)
CMYK
cmyk(85%, 0%, 11%, 35%)
Oklch
oklch(65.2% 0.113 181.2)

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

#32B8B6

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#32B8B6
RGB
rgb(50, 184, 182)
HSL
hsl(179, 57%, 46%)
HSB
hsb(179, 73%, 72%)
CMYK
cmyk(73%, 0%, 1%, 28%)
Oklch
oklch(71.3% 0.111 193.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E7829
342A7A

Analogous

7A5C2A
6E7829
477A2A

Triadic

6E7829
2A6F7A
7A2A6F

Split-Comp.

6E7829
2A477A
5C2A7A

Tetradic

6E7829
2A7A5C
342A7A
7A2A47

Contrast Matrix WCAG 2.1 Contrast

6E7829
1D6E61
3C0105
19A694
32B8B6
—
1.3
Fail
3.7
AA Large
1.6
Fail
2.0
Fail
1.3
Fail
—
2.9
Fail
2.0
Fail
2.5
Fail
3.7
AA Large
2.9
Fail
—
5.8
AA
7.2
AAA
1.6
Fail
2.0
Fail
5.8
AA
—
1.3
Fail
2.0
Fail
2.5
Fail
7.2
AAA
1.3
Fail
—
White BG
4.8AA
6.1AA
17.5AAA
3.0AA Large
2.4Fail
Black BG
4.4AA Large
3.5AA Large
1.2Fail
6.9AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

72723C
404164
222204
565798
6C6DB6

Deuteranopia

727141
3B3565
262A04
4E4399
645AB7

Tritanopia

6F4B4F
216767
390303
209C9D
39B7B7

Achromatopsia

6C6C6C
545454
131313
7A7A7A
909090

Shades & Tints Shades & Tints

#6E7829

Dark
Light

#1D6E61

Dark
Light

#3C0105

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e7829;
  --color-2: #1d6e61;
  --color-3: #3c0105;
  --color-4: #19a694;
  --color-5: #32b8b6;
}

SCSS

$color-1: #6e7829;
$color-2: #1d6e61;
$color-3: #3c0105;
$color-4: #19a694;
$color-5: #32b8b6;

TAILWIND

colors: {
  'brand-1': '#6e7829',
  'brand-2': '#1d6e61',
  'brand-3': '#3c0105',
  'brand-4': '#19a694',
  'brand-5': '#32b8b6',
}

RGB Array

[110, 120, 41], [29, 110, 97], [60, 1, 5], [25, 166, 148], [50, 184, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #6E7829, #1D6E61, #3C0105, #19A694, #32B8B6 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #6e7829; --color-2: #1d6e61; --color-3: #3c0105; --color-4: #19a694; --color-5: #32b8b6. 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. 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