← Back to Editor

#548F19 · #125A08 · #07151A · #0B232B · #143D49

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

#548F19

Pine Green · DarkOliveGreen · Forest Green

HEX
#548F19
RGB
rgb(84, 143, 25)
HSL
hsl(90, 70%, 33%)
HSB
hsb(90, 83%, 56%)
CMYK
cmyk(41%, 0%, 83%, 44%)
Oklch
oklch(58.7% 0.156 133.4)

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

#125A08

Pine Green · DarkGreen · Dark Green

HEX
#125A08
RGB
rgb(18, 90, 8)
HSL
hsl(113, 84%, 19%)
HSB
hsb(113, 91%, 35%)
CMYK
cmyk(80%, 0%, 91%, 65%)
Oklch
oklch(40.9% 0.130 141.6)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#07151A

Lake Blue · Black · Peacock Green

HEX
#07151A
RGB
rgb(7, 21, 26)
HSL
hsl(196, 58%, 6%)
HSB
hsb(196, 73%, 10%)
CMYK
cmyk(73%, 19%, 0%, 90%)
Oklch
oklch(18.5% 0.022 222.9)

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

#0B232B

Lake Blue · Black · Peacock Green

HEX
#0B232B
RGB
rgb(11, 35, 43)
HSL
hsl(195, 59%, 11%)
HSB
hsb(195, 74%, 17%)
CMYK
cmyk(74%, 19%, 0%, 83%)
Oklch
oklch(24.1% 0.033 222.7)

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

#143D49

Lake Blue · DarkSlateGray · Peacock Green

HEX
#143D49
RGB
rgb(20, 61, 73)
HSL
hsl(194, 57%, 18%)
HSB
hsb(194, 73%, 29%)
CMYK
cmyk(73%, 16%, 0%, 71%)
Oklch
oklch(33.7% 0.049 220.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

548F19
54198F

Analogous

8F8F19
548F19
198F19

Triadic

548F19
19548F
8F1954

Split-Comp.

548F19
19198F
8F198F

Tetradic

548F19
198F8F
54198F
8F1919

Contrast Matrix WCAG 2.1 Contrast

548F19
125A08
07151A
0B232B
143D49
—
2.1
Fail
4.7
AA
4.1
AA Large
3.0
Fail
2.1
Fail
—
2.2
Fail
1.9
Fail
1.4
Fail
4.7
AA
2.2
Fail
—
1.1
Fail
1.6
Fail
4.1
AA Large
1.9
Fail
1.1
Fail
—
1.4
Fail
3.0
Fail
1.4
Fail
1.6
Fail
1.4
Fail
—
White BG
3.9AA Large
8.4AAA
18.6AAA
16.3AAA
11.7AAA
Black BG
5.3AA
2.5Fail
1.1Fail
1.3Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E36
31321C
0D0D19
151629
262646

Deuteranopia

6A663C
2D2821
0C0B19
141229
232045

Tritanopia

574C51
162C2F
081818
0C2827
164443

Achromatopsia

707070
3B3B3B
111111
1D1D1D
323232

Shades & Tints Shades & Tints

#548F19

Dark
Light

#125A08

Dark
Light

#07151A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #548f19;
  --color-2: #125a08;
  --color-3: #07151a;
  --color-4: #0b232b;
  --color-5: #143d49;
}

SCSS

$color-1: #548f19;
$color-2: #125a08;
$color-3: #07151a;
$color-4: #0b232b;
$color-5: #143d49;

TAILWIND

colors: {
  'brand-1': '#548f19',
  'brand-2': '#125a08',
  'brand-3': '#07151a',
  'brand-4': '#0b232b',
  'brand-5': '#143d49',
}

RGB Array

[84, 143, 25], [18, 90, 8], [7, 21, 26], [11, 35, 43], [20, 61, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #548F19, #125A08, #07151A, #0B232B, #143D49 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: #548f19; --color-2: #125a08; --color-3: #07151a; --color-4: #0b232b; --color-5: #143d49. 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