← Back to Editor

#370000 · #59493C · #516355 · #EFD49F · #E9B561

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#370000

Vermilion · Black · Deep Berry

HEX
#370000
RGB
rgb(55, 0, 0)
HSL
hsl(0, 100%, 11%)
HSB
hsb(0, 100%, 22%)
CMYK
cmyk(0%, 100%, 100%, 78%)
Oklch
oklch(21.1% 0.087 29.2)

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

#59493C

Tangerine · DarkOliveGreen · Amber Brown

HEX
#59493C
RGB
rgb(89, 73, 60)
HSL
hsl(27, 19%, 29%)
HSB
hsb(27, 33%, 35%)
CMYK
cmyk(0%, 18%, 33%, 65%)
Oklch
oklch(41.8% 0.030 60.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#516355

Celadon · DimGray · Forest Green

HEX
#516355
RGB
rgb(81, 99, 85)
HSL
hsl(133, 10%, 35%)
HSB
hsb(133, 18%, 39%)
CMYK
cmyk(18%, 0%, 14%, 61%)
Oklch
oklch(48.0% 0.031 151.7)

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

#EFD49F

Goose Yellow · Wheat · Lemon Cream

HEX
#EFD49F
RGB
rgb(239, 212, 159)
HSL
hsl(40, 71%, 78%)
HSB
hsb(40, 33%, 94%)
CMYK
cmyk(0%, 11%, 33%, 6%)
Oklch
oklch(88.0% 0.075 83.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E9B561

Ginger · SandyBrown · Warm Sun

HEX
#E9B561
RGB
rgb(233, 181, 97)
HSL
hsl(37, 76%, 65%)
HSB
hsb(37, 58%, 91%)
CMYK
cmyk(0%, 22%, 58%, 9%)
Oklch
oklch(80.4% 0.118 77.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

370000
003838

Analogous

38001C
370000
381C00

Triadic

370000
003800
000038

Split-Comp.

370000
00381C
001C38

Tetradic

370000
1C3800
003838
1C0038

Contrast Matrix WCAG 2.1 Contrast

370000
59493C
516355
EFD49F
E9B561
—
2.1
Fail
2.8
Fail
12.5
AAA
9.7
AAA
2.1
Fail
—
1.3
Fail
6.0
AA
4.6
AA
2.8
Fail
1.3
Fail
—
4.5
AA Large
3.4
AA Large
12.5
AAA
6.0
AA
4.5
AA Large
—
1.3
Fail
9.7
AAA
4.6
AA
3.4
AA Large
1.3
Fail
—
White BG
18.1AAA
8.6AAA
6.4AA
1.4Fail
1.9Fail
Black BG
1.2Fail
2.4Fail
3.3AA Large
14.6AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F00
52523F
595958
E3E3AC
D2D275

Deuteranopia

222700
535440
585659
E5E7AF
D6D97A

Tritanopia

340000
584242
525B5C
EEB6B8
E68589

Achromatopsia

101010
4C4C4C
5C5C5C
D6D6D6
BBBBBB

Shades & Tints Shades & Tints

#370000

Dark
Light

#59493C

Dark
Light

#516355

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #370000;
  --color-2: #59493c;
  --color-3: #516355;
  --color-4: #efd49f;
  --color-5: #e9b561;
}

SCSS

$color-1: #370000;
$color-2: #59493c;
$color-3: #516355;
$color-4: #efd49f;
$color-5: #e9b561;

TAILWIND

colors: {
  'brand-1': '#370000',
  'brand-2': '#59493c',
  'brand-3': '#516355',
  'brand-4': '#efd49f',
  'brand-5': '#e9b561',
}

RGB Array

[55, 0, 0], [89, 73, 60], [81, 99, 85], [239, 212, 159], [233, 181, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #370000, #59493C, #516355, #EFD49F, #E9B561 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #370000; --color-2: #59493c; --color-3: #516355; --color-4: #efd49f; --color-5: #e9b561. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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