← Back to Editor

#EF9684 · #B48075 · #594949 · #8BA695 · #DCCA5E

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

#EF9684

Peach Pink · DarkSalmon · Coral Red

HEX
#EF9684
RGB
rgb(239, 150, 132)
HSL
hsl(10, 77%, 73%)
HSB
hsb(10, 45%, 94%)
CMYK
cmyk(0%, 37%, 45%, 6%)
Oklch
oklch(76.0% 0.111 32.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B48075

Crimson · Gray · Passion Red

HEX
#B48075
RGB
rgb(180, 128, 117)
HSL
hsl(10, 30%, 58%)
HSB
hsb(10, 35%, 71%)
CMYK
cmyk(0%, 29%, 35%, 29%)
Oklch
oklch(64.9% 0.067 32.3)

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

#594949

Crimson · DarkSlateGray · Wine Red

HEX
#594949
RGB
rgb(89, 73, 73)
HSL
hsl(0, 10%, 32%)
HSB
hsb(0, 18%, 35%)
CMYK
cmyk(0%, 18%, 18%, 65%)
Oklch
oklch(42.2% 0.022 18.0)

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

#8BA695

Celadon · DarkSeaGreen · Olive Green

HEX
#8BA695
RGB
rgb(139, 166, 149)
HSL
hsl(142, 13%, 60%)
HSB
hsb(142, 16%, 65%)
CMYK
cmyk(16%, 0%, 10%, 35%)
Oklch
oklch(70.0% 0.039 157.6)

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

#DCCA5E

Fresh Green · BurlyWood · Sunflower

HEX
#DCCA5E
RGB
rgb(220, 202, 94)
HSL
hsl(51, 64%, 62%)
HSB
hsb(51, 57%, 86%)
CMYK
cmyk(0%, 8%, 57%, 14%)
Oklch
oklch(83.3% 0.130 100.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF9684
85DDEF

Analogous

EF85A8
EF9684
EFCC85

Triadic

EF9684
85EF97
9785EF

Split-Comp.

EF9684
85EFCC
85A8EF

Tetradic

EF9684
A8EF85
85DDEF
CC85EF

Contrast Matrix WCAG 2.1 Contrast

EF9684
B48075
594949
8BA695
DCCA5E
—
1.5
Fail
3.8
AA Large
1.2
Fail
1.4
Fail
1.5
Fail
—
2.5
Fail
1.3
Fail
2.0
Fail
3.8
AA Large
2.5
Fail
—
3.2
AA Large
5.1
AA
1.2
Fail
1.3
Fail
3.2
AA Large
—
1.6
Fail
1.4
Fail
2.0
Fail
5.1
AA
1.6
Fail
—
White BG
2.2Fail
3.3AA Large
8.5AAA
2.6Fail
1.7Fail
Black BG
9.4AAA
6.3AA
2.5Fail
8.0AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C888
9D9D78
525249
979799
D4D478

Deuteranopia

CED489
A1A478
535449
95939A
D5D77E

Tritanopia

EB8C8D
B17A7A
584949
8C9C9D
DB8D91

Achromatopsia

AFAFAF
8E8E8E
4E4E4E
9C9C9C
C3C3C3

Shades & Tints Shades & Tints

#EF9684

Dark
Light

#B48075

Dark
Light

#594949

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef9684;
  --color-2: #b48075;
  --color-3: #594949;
  --color-4: #8ba695;
  --color-5: #dcca5e;
}

SCSS

$color-1: #ef9684;
$color-2: #b48075;
$color-3: #594949;
$color-4: #8ba695;
$color-5: #dcca5e;

TAILWIND

colors: {
  'brand-1': '#ef9684',
  'brand-2': '#b48075',
  'brand-3': '#594949',
  'brand-4': '#8ba695',
  'brand-5': '#dcca5e',
}

RGB Array

[239, 150, 132], [180, 128, 117], [89, 73, 73], [139, 166, 149], [220, 202, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EF9684, #B48075, #594949, #8BA695, #DCCA5E 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: #ef9684; --color-2: #b48075; --color-3: #594949; --color-4: #8ba695; --color-5: #dcca5e. 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