← Back to Editor

#D0161C · #BCCC14 · #138667 · #204B42 · #051714

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

#D0161C

Vermilion · FireBrick · Passion Red

HEX
#D0161C
RGB
rgb(208, 22, 28)
HSL
hsl(358, 81%, 45%)
HSB
hsb(358, 89%, 82%)
CMYK
cmyk(0%, 89%, 87%, 18%)
Oklch
oklch(54.6% 0.213 27.3)

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

#BCCC14

Autumn Sage · GoldenRod · Honey Gold

HEX
#BCCC14
RGB
rgb(188, 204, 20)
HSL
hsl(65, 82%, 44%)
HSB
hsb(65, 90%, 80%)
CMYK
cmyk(8%, 0%, 90%, 20%)
Oklch
oklch(80.6% 0.180 115.4)

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

#138667

Mineral Blue · SeaGreen · Mint Ice

HEX
#138667
RGB
rgb(19, 134, 103)
HSL
hsl(164, 75%, 30%)
HSB
hsb(164, 86%, 53%)
CMYK
cmyk(86%, 0%, 23%, 47%)
Oklch
oklch(55.3% 0.107 168.6)

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

#204B42

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#204B42
RGB
rgb(32, 75, 66)
HSL
hsl(167, 40%, 21%)
HSB
hsb(167, 57%, 29%)
CMYK
cmyk(57%, 0%, 12%, 71%)
Oklch
oklch(37.9% 0.051 177.8)

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

#051714

Mineral Blue · Black · Peacock Green

HEX
#051714
RGB
rgb(5, 23, 20)
HSL
hsl(170, 64%, 5%)
HSB
hsb(170, 78%, 9%)
CMYK
cmyk(78%, 0%, 13%, 91%)
Oklch
oklch(18.8% 0.026 181.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0161C
16D0CA

Analogous

D01679
D0161C
D06D16

Triadic

D0161C
1CD016
161CD0

Split-Comp.

D0161C
16D06D
1679D0

Tetradic

D0161C
79D016
16D0CA
6D16D0

Contrast Matrix WCAG 2.1 Contrast

D0161C
BCCC14
138667
204B42
051714
—
3.1
AA Large
1.2
Fail
1.8
Fail
3.3
AA Large
3.1
AA Large
—
2.5
Fail
5.5
AA
10.3
AAA
1.2
Fail
2.5
Fail
—
2.2
Fail
4.1
AA Large
1.8
Fail
5.5
AA
2.2
Fail
—
1.9
Fail
3.3
AA Large
10.3
AAA
4.1
AA Large
1.9
Fail
—
White BG
5.5AA
1.8Fail
4.5AA
9.8AAA
18.4AAA
Black BG
3.8AA Large
11.8AAA
4.6AA
2.1Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7E1B
C3C341
45466F
333344
0D0D15

Deuteranopia

8A981A
C2C14B
3E3570
302D45
0C0A15

Tritanopia

C71919
BD646B
197476
224646
061515

Achromatopsia

4E4E4E
B2B2B2
606060
3D3D3D
111111

Shades & Tints Shades & Tints

#D0161C

Dark
Light

#BCCC14

Dark
Light

#138667

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0161c;
  --color-2: #bccc14;
  --color-3: #138667;
  --color-4: #204b42;
  --color-5: #051714;
}

SCSS

$color-1: #d0161c;
$color-2: #bccc14;
$color-3: #138667;
$color-4: #204b42;
$color-5: #051714;

TAILWIND

colors: {
  'brand-1': '#d0161c',
  'brand-2': '#bccc14',
  'brand-3': '#138667',
  'brand-4': '#204b42',
  'brand-5': '#051714',
}

RGB Array

[208, 22, 28], [188, 204, 20], [19, 134, 103], [32, 75, 66], [5, 23, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D0161C, #BCCC14, #138667, #204B42, #051714 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: #d0161c; --color-2: #bccc14; --color-3: #138667; --color-4: #204b42; --color-5: #051714. 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