← Back to Editor

#9BB343 · #08B185 · #0F8777 · #1F5D6E · #5505AD

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

#9BB343

Grass Green · GoldenRod · Olive Green

HEX
#9BB343
RGB
rgb(155, 179, 67)
HSL
hsl(73, 46%, 48%)
HSB
hsb(73, 63%, 70%)
CMYK
cmyk(13%, 0%, 63%, 30%)
Oklch
oklch(72.6% 0.140 120.3)

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

#08B185

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#08B185
RGB
rgb(8, 177, 133)
HSL
hsl(164, 91%, 36%)
HSB
hsb(164, 95%, 69%)
CMYK
cmyk(95%, 0%, 25%, 31%)
Oklch
oklch(67.5% 0.137 167.1)

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

#0F8777

Mineral Blue · Teal · Mint Ice

HEX
#0F8777
RGB
rgb(15, 135, 119)
HSL
hsl(172, 80%, 29%)
HSB
hsb(172, 89%, 53%)
CMYK
cmyk(89%, 0%, 12%, 47%)
Oklch
oklch(56.0% 0.098 180.3)

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

#1F5D6E

Lake Blue · DarkSlateGray · Mint Ice

HEX
#1F5D6E
RGB
rgb(31, 93, 110)
HSL
hsl(193, 56%, 28%)
HSB
hsb(193, 72%, 43%)
CMYK
cmyk(72%, 15%, 0%, 57%)
Oklch
oklch(44.7% 0.068 219.5)

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

#5505AD

Deep Indigo · Purple · Eggplant

HEX
#5505AD
RGB
rgb(85, 5, 173)
HSL
hsl(269, 94%, 35%)
HSB
hsb(269, 97%, 68%)
CMYK
cmyk(51%, 97%, 0%, 32%)
Oklch
oklch(39.9% 0.217 293.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9BB343
5A42B3

Analogous

B39342
9BB343
62B342

Triadic

9BB343
429AB3
B3429A

Split-Comp.

9BB343
4262B3
9342B3

Tetradic

9BB343
42B393
5A42B3
B34262

Contrast Matrix WCAG 2.1 Contrast

9BB343
08B185
0F8777
1F5D6E
5505AD
—
1.2
Fail
1.9
Fail
3.1
AA Large
4.4
AA Large
1.2
Fail
—
1.6
Fail
2.7
Fail
3.8
AA Large
1.9
Fail
1.6
Fail
—
1.7
Fail
2.4
Fail
3.1
AA Large
2.7
Fail
1.7
Fail
—
1.4
Fail
4.4
AA Large
3.8
AA Large
2.4
Fail
1.4
Fail
—
White BG
2.4Fail
2.7Fail
4.4AA Large
7.4AAA
10.4AAA
Black BG
8.9AAA
7.6AAA
4.8AA
2.8Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A65E
515390
43447B
3A3A6A
323284

Deuteranopia

A4A265
473B92
3C337C
363269
373D7B

Tritanopia

9C7378
10989A
157E7F
226766
51645D

Achromatopsia

9F9F9F
797979
616161
4C4C4C
303030

Shades & Tints Shades & Tints

#9BB343

Dark
Light

#08B185

Dark
Light

#0F8777

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9bb343;
  --color-2: #08b185;
  --color-3: #0f8777;
  --color-4: #1f5d6e;
  --color-5: #5505ad;
}

SCSS

$color-1: #9bb343;
$color-2: #08b185;
$color-3: #0f8777;
$color-4: #1f5d6e;
$color-5: #5505ad;

TAILWIND

colors: {
  'brand-1': '#9bb343',
  'brand-2': '#08b185',
  'brand-3': '#0f8777',
  'brand-4': '#1f5d6e',
  'brand-5': '#5505ad',
}

RGB Array

[155, 179, 67], [8, 177, 133], [15, 135, 119], [31, 93, 110], [85, 5, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #9BB343, #08B185, #0F8777, #1F5D6E, #5505AD 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: #9bb343; --color-2: #08b185; --color-3: #0f8777; --color-4: #1f5d6e; --color-5: #5505ad. 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