← Back to Editor

#85ACA4 · #FED386 · #EB8862 · #90484E · #53284A

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

#85ACA4

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#85ACA4
RGB
rgb(133, 172, 164)
HSL
hsl(168, 19%, 60%)
HSB
hsb(168, 23%, 67%)
CMYK
cmyk(23%, 0%, 5%, 33%)
Oklch
oklch(71.3% 0.044 181.0)

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

#FED386

Goose Yellow · Khaki · Peach Orange

HEX
#FED386
RGB
rgb(254, 211, 134)
HSL
hsl(38, 98%, 76%)
HSB
hsb(38, 47%, 100%)
CMYK
cmyk(0%, 17%, 47%, 0%)
Oklch
oklch(88.7% 0.107 81.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EB8862

Apricot · Salmon · Warm Sun

HEX
#EB8862
RGB
rgb(235, 136, 98)
HSL
hsl(17, 77%, 65%)
HSB
hsb(17, 58%, 92%)
CMYK
cmyk(0%, 42%, 58%, 8%)
Oklch
oklch(72.5% 0.132 41.5)

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

#90484E

Crimson · Sienna · Passion Red

HEX
#90484E
RGB
rgb(144, 72, 78)
HSL
hsl(355, 33%, 42%)
HSB
hsb(355, 50%, 56%)
CMYK
cmyk(0%, 50%, 46%, 44%)
Oklch
oklch(49.3% 0.097 16.1)

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

#53284A

Rose Purple · DarkSlateGray · Eggplant

HEX
#53284A
RGB
rgb(83, 40, 74)
HSL
hsl(313, 35%, 24%)
HSB
hsb(313, 52%, 33%)
CMYK
cmyk(0%, 52%, 11%, 67%)
Oklch
oklch(34.8% 0.080 335.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85ACA4
AC868D

Analogous

86AC91
85ACA4
86A1AC

Triadic

85ACA4
A586AC
ACA586

Split-Comp.

85ACA4
AC86A1
AC9186

Tetradic

85ACA4
9186AC
AC868D
A1AC86

Contrast Matrix WCAG 2.1 Contrast

85ACA4
FED386
EB8862
90484E
53284A
—
1.8
Fail
1.0
Fail
2.6
Fail
4.8
AA
1.8
Fail
—
1.8
Fail
4.6
AA
8.4
AAA
1.0
Fail
1.8
Fail
—
2.6
Fail
4.6
AA
2.6
Fail
4.6
AA
2.6
Fail
—
1.8
Fail
4.8
AA
8.4
AAA
4.6
AA
1.8
Fail
—
White BG
2.5Fail
1.4Fail
2.6Fail
6.5AA
11.9AAA
Black BG
8.4AAA
14.9AAA
8.2AAA
3.2AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9696A6
EBEB99
C0BF6B
71704D
404042

Deuteranopia

9491A6
EEF19D
C6CD6D
757A4C
434640

Tritanopia

87A7A8
FCA7AB
E67274
8C4B4B
513B3A

Achromatopsia

9F9F9F
D7D7D7
A1A1A1
5E5E5E
393939

Shades & Tints Shades & Tints

#85ACA4

Dark
Light

#FED386

Dark
Light

#EB8862

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85aca4;
  --color-2: #fed386;
  --color-3: #eb8862;
  --color-4: #90484e;
  --color-5: #53284a;
}

SCSS

$color-1: #85aca4;
$color-2: #fed386;
$color-3: #eb8862;
$color-4: #90484e;
$color-5: #53284a;

TAILWIND

colors: {
  'brand-1': '#85aca4',
  'brand-2': '#fed386',
  'brand-3': '#eb8862',
  'brand-4': '#90484e',
  'brand-5': '#53284a',
}

RGB Array

[133, 172, 164], [254, 211, 134], [235, 136, 98], [144, 72, 78], [83, 40, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #85ACA4, #FED386, #EB8862, #90484E, #53284A 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: #85aca4; --color-2: #fed386; --color-3: #eb8862; --color-4: #90484e; --color-5: #53284a. 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