← Back to Editor

#85AD39 · #517016 · #0D161C · #083137 · #066273

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 App

Color Details Color Details

#85AD39

Grass Green · Olive · Olive Green

HEX
#85AD39
RGB
rgb(133, 173, 57)
HSL
hsl(81, 50%, 45%)
HSB
hsb(81, 67%, 68%)
CMYK
cmyk(23%, 0%, 67%, 32%)
Oklch
oklch(69.5% 0.150 126.4)

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

#517016

Grass Green · DarkOliveGreen · Forest Green

HEX
#517016
RGB
rgb(81, 112, 22)
HSL
hsl(81, 67%, 26%)
HSB
hsb(81, 80%, 44%)
CMYK
cmyk(28%, 0%, 80%, 56%)
Oklch
oklch(50.3% 0.119 127.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#0D161C

Slate Blue · Black · Deep Sea Blue

HEX
#0D161C
RGB
rgb(13, 22, 28)
HSL
hsl(204, 37%, 8%)
HSB
hsb(204, 54%, 11%)
CMYK
cmyk(54%, 21%, 0%, 89%)
Oklch
oklch(19.4% 0.018 238.1)

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

#083137

Lake Blue · DarkSlateGray · Peacock Green

HEX
#083137
RGB
rgb(8, 49, 55)
HSL
hsl(188, 75%, 12%)
HSB
hsb(188, 85%, 22%)
CMYK
cmyk(85%, 11%, 0%, 78%)
Oklch
oklch(28.9% 0.044 209.3)

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

#066273

Lake Blue · Teal · Peacock Green

HEX
#066273
RGB
rgb(6, 98, 115)
HSL
hsl(189, 90%, 24%)
HSB
hsb(189, 95%, 45%)
CMYK
cmyk(95%, 15%, 0%, 55%)
Oklch
oklch(45.7% 0.079 215.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85AD39
6239AC

Analogous

AC9B39
85AD39
4BAC39

Triadic

85AD39
3984AC
AC3984

Split-Comp.

85AD39
394BAC
9B39AC

Tetradic

85AD39
39AC9B
6239AC
AC394B

Contrast Matrix WCAG 2.1 Contrast

85AD39
517016
0D161C
083137
066273
—
2.2
Fail
7.0
AA
5.3
AA
2.7
Fail
2.2
Fail
—
3.2
AA Large
2.4
Fail
1.2
Fail
7.0
AA
3.2
AA Large
—
1.3
Fail
2.6
Fail
5.3
AA
2.4
Fail
1.3
Fail
—
2.0
Fail
2.7
Fail
1.2
Fail
2.6
Fail
2.0
Fail
—
White BG
2.6Fail
5.7AA
18.3AAA
14.0AAA
7.0AA
Black BG
8.0AAA
3.7AA Large
1.1Fail
1.5Fail
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

969755
5E5F2C
11111B
1A1A36
2E2F6F

Deuteranopia

94915C
5D5A31
10101A
171435
29226E

Tritanopia

876B70
533D41
0D1919
0A3434
0B6C6B

Achromatopsia

949494
5C5C5C
141414
252525
484848

Shades & Tints Shades & Tints

#85AD39

Dark
Light

#517016

Dark
Light

#0D161C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85ad39;
  --color-2: #517016;
  --color-3: #0d161c;
  --color-4: #083137;
  --color-5: #066273;
}

SCSS

$color-1: #85ad39;
$color-2: #517016;
$color-3: #0d161c;
$color-4: #083137;
$color-5: #066273;

TAILWIND

colors: {
  'brand-1': '#85ad39',
  'brand-2': '#517016',
  'brand-3': '#0d161c',
  'brand-4': '#083137',
  'brand-5': '#066273',
}

RGB Array

[133, 173, 57], [81, 112, 22], [13, 22, 28], [8, 49, 55], [6, 98, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #85AD39, #517016, #0D161C, #083137, #066273 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: #85ad39; --color-2: #517016; --color-3: #0d161c; --color-4: #083137; --color-5: #066273. 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