← Back to Editor

#210404 · #400D0D · #007D66 · #778540 · #AEBF95

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 AppData Visualization

Color Details Color Details

#210404

Vermilion · Black · Deep Berry

HEX
#210404
RGB
rgb(33, 4, 4)
HSL
hsl(0, 78%, 7%)
HSB
hsb(0, 88%, 13%)
CMYK
cmyk(0%, 88%, 88%, 87%)
Oklch
oklch(16.8% 0.052 24.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#400D0D

Vermilion · Black · Deep Berry

HEX
#400D0D
RGB
rgb(64, 13, 13)
HSL
hsl(0, 66%, 15%)
HSB
hsb(0, 80%, 25%)
CMYK
cmyk(0%, 80%, 80%, 75%)
Oklch
oklch(25.1% 0.079 24.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#007D66

Mineral Blue · Teal · Peacock Green

HEX
#007D66
RGB
rgb(0, 125, 102)
HSL
hsl(169, 100%, 25%)
HSB
hsb(169, 100%, 49%)
CMYK
cmyk(100%, 0%, 18%, 51%)
Oklch
oklch(52.6% 0.100 173.8)

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

#778540

Grass Green · DarkOliveGreen · Forest Green

HEX
#778540
RGB
rgb(119, 133, 64)
HSL
hsl(72, 35%, 39%)
HSB
hsb(72, 52%, 52%)
CMYK
cmyk(11%, 0%, 52%, 48%)
Oklch
oklch(58.9% 0.095 118.9)

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

#AEBF95

Willow Green · DarkGray · Apple Green

HEX
#AEBF95
RGB
rgb(174, 191, 149)
HSL
hsl(84, 25%, 67%)
HSB
hsb(84, 22%, 75%)
CMYK
cmyk(9%, 0%, 22%, 25%)
Oklch
oklch(78.1% 0.061 125.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

210404
042020

Analogous

200412
210404
201204

Triadic

210404
042004
040420

Split-Comp.

210404
042012
041220

Tetradic

210404
122004
042020
120420

Contrast Matrix WCAG 2.1 Contrast

210404
400D0D
007D66
778540
AEBF95
—
1.2
Fail
3.8
AA Large
4.8
AA
9.9
AAA
1.2
Fail
—
3.2
AA Large
4.1
AA Large
8.3
AAA
3.8
AA Large
3.2
AA Large
—
1.3
Fail
2.6
Fail
4.8
AA
4.1
AA Large
1.3
Fail
—
2.0
Fail
9.9
AAA
8.3
AAA
2.6
Fail
2.0
Fail
—
White BG
19.4AAA
16.4AAA
5.1AA
4.0AA Large
2.0Fail
Black BG
1.1Fail
1.3Fail
4.1AA Large
5.2AA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

141404
2A290D
36376C
7D7D51
B5B69F

Deuteranopia

161804
2D310D
2F266D
7C7B55
B4B3A2

Tritanopia

200404
3D0D0D
067071
785E61
AFA7A9

Achromatopsia

0D0D0D
1C1C1C
555555
797979
B5B5B5

Shades & Tints Shades & Tints

#210404

Dark
Light

#400D0D

Dark
Light

#007D66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #210404;
  --color-2: #400d0d;
  --color-3: #007d66;
  --color-4: #778540;
  --color-5: #aebf95;
}

SCSS

$color-1: #210404;
$color-2: #400d0d;
$color-3: #007d66;
$color-4: #778540;
$color-5: #aebf95;

TAILWIND

colors: {
  'brand-1': '#210404',
  'brand-2': '#400d0d',
  'brand-3': '#007d66',
  'brand-4': '#778540',
  'brand-5': '#aebf95',
}

RGB Array

[33, 4, 4], [64, 13, 13], [0, 125, 102], [119, 133, 64], [174, 191, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #210404, #400D0D, #007D66, #778540, #AEBF95 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #210404; --color-2: #400d0d; --color-3: #007d66; --color-4: #778540; --color-5: #aebf95. 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. 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