← Back to Editor

#52384F · #457F68 · #9AB780 · #FFED86 · #B53D35

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#52384F

Rose Purple · DarkSlateGray · Eggplant

HEX
#52384F
RGB
rgb(82, 56, 79)
HSL
hsl(307, 19%, 27%)
HSB
hsb(307, 32%, 32%)
CMYK
cmyk(0%, 32%, 4%, 68%)
Oklch
oklch(37.9% 0.051 330.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#457F68

Mineral Blue · SeaGreen · Forest Green

HEX
#457F68
RGB
rgb(69, 127, 104)
HSL
hsl(156, 30%, 38%)
HSB
hsb(156, 46%, 50%)
CMYK
cmyk(46%, 0%, 18%, 50%)
Oklch
oklch(55.0% 0.072 166.2)

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

#9AB780

Celadon · DarkSeaGreen · Apple Green

HEX
#9AB780
RGB
rgb(154, 183, 128)
HSL
hsl(92, 28%, 61%)
HSB
hsb(92, 30%, 72%)
CMYK
cmyk(16%, 0%, 30%, 28%)
Oklch
oklch(74.4% 0.082 130.8)

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

#FFED86

Fresh Green · Khaki · Lemon Cream

HEX
#FFED86
RGB
rgb(255, 237, 134)
HSL
hsl(51, 100%, 76%)
HSB
hsb(51, 47%, 100%)
CMYK
cmyk(0%, 7%, 47%, 0%)
Oklch
oklch(93.9% 0.126 99.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B53D35

Crimson · Brown · Passion Red

HEX
#B53D35
RGB
rgb(181, 61, 53)
HSL
hsl(4, 55%, 46%)
HSB
hsb(4, 71%, 71%)
CMYK
cmyk(0%, 66%, 71%, 29%)
Oklch
oklch(53.0% 0.157 27.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52384F
38523B

Analogous

483852
52384F
523842

Triadic

52384F
4F5238
384F52

Split-Comp.

52384F
425238
385248

Tetradic

52384F
524838
38523B
384252

Contrast Matrix WCAG 2.1 Contrast

52384F
457F68
9AB780
FFED86
B53D35
—
2.2
Fail
4.6
AA
8.7
AAA
1.8
Fail
2.2
Fail
—
2.1
Fail
3.9
AA Large
1.2
Fail
4.6
AA
2.1
Fail
—
1.9
Fail
2.6
Fail
8.7
AAA
3.9
AA Large
1.9
Fail
—
4.8
AA
1.8
Fail
1.2
Fail
2.6
Fail
4.8
AA
—
White BG
10.3AAA
4.7AA
2.2Fail
1.2Fail
5.7AA
Black BG
2.0Fail
4.5AA Large
9.5AAA
17.7AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

474749
5E5F6E
A7A78D
F7F79F
818037

Deuteranopia

484A48
5B566F
A5A391
F8FAA5
889137

Tritanopia

514544
487273
9B989A
FEB3B7
AF3839

Achromatopsia

424242
6B6B6B
A8A8A8
E7E7E7
606060

Shades & Tints Shades & Tints

#52384F

Dark
Light

#457F68

Dark
Light

#9AB780

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52384f;
  --color-2: #457f68;
  --color-3: #9ab780;
  --color-4: #ffed86;
  --color-5: #b53d35;
}

SCSS

$color-1: #52384f;
$color-2: #457f68;
$color-3: #9ab780;
$color-4: #ffed86;
$color-5: #b53d35;

TAILWIND

colors: {
  'brand-1': '#52384f',
  'brand-2': '#457f68',
  'brand-3': '#9ab780',
  'brand-4': '#ffed86',
  'brand-5': '#b53d35',
}

RGB Array

[82, 56, 79], [69, 127, 104], [154, 183, 128], [255, 237, 134], [181, 61, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #52384F, #457F68, #9AB780, #FFED86, #B53D35 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: #52384f; --color-2: #457f68; --color-3: #9ab780; --color-4: #ffed86; --color-5: #b53d35. 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