← Back to Editor

#8ADA55 · #4DBD8E · #018F94 · #420943 · #C7CCB6

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

#8ADA55

Emerald · LightGreen · Olive Green

HEX
#8ADA55
RGB
rgb(138, 218, 85)
HSL
hsl(96, 64%, 59%)
HSB
hsb(96, 61%, 85%)
CMYK
cmyk(37%, 0%, 61%, 15%)
Oklch
oklch(80.9% 0.185 134.9)

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

#4DBD8E

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#4DBD8E
RGB
rgb(77, 189, 142)
HSL
hsl(155, 46%, 52%)
HSB
hsb(155, 59%, 74%)
CMYK
cmyk(59%, 0%, 25%, 26%)
Oklch
oklch(72.1% 0.124 162.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#018F94

Lake Blue · Teal · Mint Ice

HEX
#018F94
RGB
rgb(1, 143, 148)
HSL
hsl(182, 99%, 29%)
HSB
hsb(182, 99%, 58%)
CMYK
cmyk(99%, 3%, 0%, 42%)
Oklch
oklch(59.1% 0.100 199.2)

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

#420943

Royal Purple · MidnightBlue · Dark Purple

HEX
#420943
RGB
rgb(66, 9, 67)
HSL
hsl(299, 76%, 15%)
HSB
hsb(299, 87%, 26%)
CMYK
cmyk(1%, 87%, 0%, 74%)
Oklch
oklch(27.5% 0.112 327.3)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#C7CCB6

Willow Green · Silver · Apple Green

HEX
#C7CCB6
RGB
rgb(199, 204, 182)
HSL
hsl(74, 18%, 76%)
HSB
hsb(74, 11%, 80%)
CMYK
cmyk(2%, 0%, 11%, 20%)
Oklch
oklch(83.5% 0.030 117.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8ADA55
A454D9

Analogous

CCD954
8ADA55
54D961

Triadic

8ADA55
5489D9
D95489

Split-Comp.

8ADA55
6154D9
D954CC

Tetradic

8ADA55
54CCD9
A454D9
D96154

Contrast Matrix WCAG 2.1 Contrast

8ADA55
4DBD8E
018F94
420943
C7CCB6
—
1.4
Fail
2.3
Fail
9.1
AAA
1.0
Fail
1.4
Fail
—
1.7
Fail
6.6
AA
1.4
Fail
2.3
Fail
1.7
Fail
—
4.0
AA Large
2.4
Fail
9.1
AAA
6.6
AA
4.0
AA Large
—
9.4
AAA
1.0
Fail
1.4
Fail
2.4
Fail
9.4
AAA
—
White BG
1.7Fail
2.3Fail
3.9AA Large
15.5AAA
1.6Fail
Black BG
12.2AAA
9.0AAA
5.4AA
1.4Fail
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD75
7D7F99
3E4093
292935
C9C9BB

Deuteranopia

A8A27D
776F9C
362C93
2D3132
C9C8BD

Tritanopia

8E8F94
53A2A4
089292
3F2A27
C7C0C0

Achromatopsia

B3B3B3
969696
656565
212121
C8C8C8

Shades & Tints Shades & Tints

#8ADA55

Dark
Light

#4DBD8E

Dark
Light

#018F94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ada55;
  --color-2: #4dbd8e;
  --color-3: #018f94;
  --color-4: #420943;
  --color-5: #c7ccb6;
}

SCSS

$color-1: #8ada55;
$color-2: #4dbd8e;
$color-3: #018f94;
$color-4: #420943;
$color-5: #c7ccb6;

TAILWIND

colors: {
  'brand-1': '#8ada55',
  'brand-2': '#4dbd8e',
  'brand-3': '#018f94',
  'brand-4': '#420943',
  'brand-5': '#c7ccb6',
}

RGB Array

[138, 218, 85], [77, 189, 142], [1, 143, 148], [66, 9, 67], [199, 204, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8ADA55, #4DBD8E, #018F94, #420943, #C7CCB6 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: #8ada55; --color-2: #4dbd8e; --color-3: #018f94; --color-4: #420943; --color-5: #c7ccb6. 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