← Back to Editor

#00BD2A · #00BDB7 · #BDB601 · #BD0004 · #180B28

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

#00BD2A

Pine Green · LimeGreen · Forest Green

HEX
#00BD2A
RGB
rgb(0, 189, 42)
HSL
hsl(133, 100%, 37%)
HSB
hsb(133, 100%, 74%)
CMYK
cmyk(100%, 0%, 78%, 26%)
Oklch
oklch(69.3% 0.223 144.2)

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

#00BDB7

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00BDB7
RGB
rgb(0, 189, 183)
HSL
hsl(178, 100%, 37%)
HSB
hsb(178, 100%, 74%)
CMYK
cmyk(100%, 0%, 3%, 26%)
Oklch
oklch(72.1% 0.124 190.7)

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

#BDB601

Autumn Sage · GoldenRod · Honey Gold

HEX
#BDB601
RGB
rgb(189, 182, 1)
HSL
hsl(58, 99%, 37%)
HSB
hsb(58, 99%, 74%)
CMYK
cmyk(0%, 4%, 99%, 26%)
Oklch
oklch(75.8% 0.162 106.9)

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

#BD0004

Vermilion · FireBrick · Wine Red

HEX
#BD0004
RGB
rgb(189, 0, 4)
HSL
hsl(359, 100%, 37%)
HSB
hsb(359, 100%, 74%)
CMYK
cmyk(0%, 100%, 98%, 26%)
Oklch
oklch(50.1% 0.205 28.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#180B28

Deep Indigo · Black · Dark Purple

HEX
#180B28
RGB
rgb(24, 11, 40)
HSL
hsl(267, 57%, 10%)
HSB
hsb(267, 73%, 16%)
CMYK
cmyk(40%, 73%, 0%, 84%)
Oklch
oklch(18.7% 0.058 301.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00BD2A
BD0094

Analogous

35BD00
00BD2A
00BD87

Triadic

00BD2A
2900BD
BD2900

Split-Comp.

00BD2A
8700BD
BD0035

Tetradic

00BD2A
0035BD
BD0094
BD8700

Contrast Matrix WCAG 2.1 Contrast

00BD2A
00BDB7
BDB601
BD0004
180B28
—
1.1
Fail
1.2
Fail
2.6
Fail
7.4
AAA
1.1
Fail
—
1.1
Fail
2.8
Fail
8.0
AAA
1.2
Fail
1.1
Fail
—
3.1
AA Large
8.8
AAA
2.6
Fail
2.8
Fail
3.1
AA Large
—
2.8
Fail
7.4
AAA
8.0
AAA
8.8
AAA
2.8
Fail
—
White BG
2.5Fail
2.3Fail
2.1Fail
6.6AA
18.8AAA
Black BG
8.3AAA
9.0AAA
9.9AAA
3.2AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

52544E
5254B8
BABA2D
6B6903
121221

Deuteranopia

473956
4739B9
BABB37
768403
13141F

Tritanopia

096A70
09BABA
BD4F57
B40202
171B1A

Achromatopsia

747474
848484
A3A3A3
393939
121212

Shades & Tints Shades & Tints

#00BD2A

Dark
Light

#00BDB7

Dark
Light

#BDB601

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00bd2a;
  --color-2: #00bdb7;
  --color-3: #bdb601;
  --color-4: #bd0004;
  --color-5: #180b28;
}

SCSS

$color-1: #00bd2a;
$color-2: #00bdb7;
$color-3: #bdb601;
$color-4: #bd0004;
$color-5: #180b28;

TAILWIND

colors: {
  'brand-1': '#00bd2a',
  'brand-2': '#00bdb7',
  'brand-3': '#bdb601',
  'brand-4': '#bd0004',
  'brand-5': '#180b28',
}

RGB Array

[0, 189, 42], [0, 189, 183], [189, 182, 1], [189, 0, 4], [24, 11, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #00BD2A, #00BDB7, #BDB601, #BD0004, #180B28 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: #00bd2a; --color-2: #00bdb7; --color-3: #bdb601; --color-4: #bd0004; --color-5: #180b28. 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