← Back to Editor

#520048 · #E88686 · #A2C4A8 · #ADC4A8 · #C1C1AA

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

#520048

Rose Purple · Purple · Dark Purple

HEX
#520048
RGB
rgb(82, 0, 72)
HSL
hsl(307, 100%, 16%)
HSB
hsb(307, 100%, 32%)
CMYK
cmyk(0%, 100%, 12%, 68%)
Oklch
oklch(30.1% 0.134 334.7)

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

#E88686

Peach Pink · LightCoral · Coral Red

HEX
#E88686
RGB
rgb(232, 134, 134)
HSL
hsl(0, 68%, 72%)
HSB
hsb(0, 42%, 91%)
CMYK
cmyk(0%, 42%, 42%, 9%)
Oklch
oklch(72.5% 0.120 20.4)

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

#A2C4A8

Celadon · DarkGray · Apple Green

HEX
#A2C4A8
RGB
rgb(162, 196, 168)
HSL
hsl(131, 22%, 70%)
HSB
hsb(131, 17%, 77%)
CMYK
cmyk(17%, 0%, 14%, 23%)
Oklch
oklch(78.8% 0.054 150.2)

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

#ADC4A8

Celadon · DarkGray · Apple Green

HEX
#ADC4A8
RGB
rgb(173, 196, 168)
HSL
hsl(109, 19%, 71%)
HSB
hsb(109, 14%, 77%)
CMYK
cmyk(12%, 0%, 14%, 23%)
Oklch
oklch(79.5% 0.046 140.1)

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

#C1C1AA

Fresh Green · Silver · Sunflower

HEX
#C1C1AA
RGB
rgb(193, 193, 170)
HSL
hsl(60, 16%, 71%)
HSB
hsb(60, 12%, 76%)
CMYK
cmyk(0%, 0%, 12%, 24%)
Oklch
oklch(80.5% 0.031 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

520048
00520A

Analogous

320052
520048
52001F

Triadic

520048
485200
004852

Split-Comp.

520048
1F5200
005232

Tetradic

520048
523200
00520A
001F52

Contrast Matrix WCAG 2.1 Contrast

520048
E88686
A2C4A8
ADC4A8
C1C1AA
—
5.6
AA
7.6
AAA
7.7
AAA
7.9
AAA
5.6
AA
—
1.3
Fail
1.4
Fail
1.4
Fail
7.6
AAA
1.3
Fail
—
1.0
Fail
1.0
Fail
7.7
AAA
1.4
Fail
1.0
Fail
—
1.0
Fail
7.9
AAA
1.4
Fail
1.0
Fail
1.0
Fail
—
White BG
14.5AAA
2.6Fail
1.9Fail
1.9Fail
1.8Fail
Black BG
1.5Fail
8.2AAA
11.0AAA
11.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E37
BEBD86
B1B1AF
B7B7AF
C1C1B0

Deuteranopia

333932
C3CB86
AFACB0
B6B4B0
C1C1B1

Tritanopia

4E2926
E38686
A4B4B5
AEB4B5
C1B4B5

Achromatopsia

212121
A3A3A3
B7B7B7
BABABA
BEBEBE

Shades & Tints Shades & Tints

#520048

Dark
Light

#E88686

Dark
Light

#A2C4A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #520048;
  --color-2: #e88686;
  --color-3: #a2c4a8;
  --color-4: #adc4a8;
  --color-5: #c1c1aa;
}

SCSS

$color-1: #520048;
$color-2: #e88686;
$color-3: #a2c4a8;
$color-4: #adc4a8;
$color-5: #c1c1aa;

TAILWIND

colors: {
  'brand-1': '#520048',
  'brand-2': '#e88686',
  'brand-3': '#a2c4a8',
  'brand-4': '#adc4a8',
  'brand-5': '#c1c1aa',
}

RGB Array

[82, 0, 72], [232, 134, 134], [162, 196, 168], [173, 196, 168], [193, 193, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #520048, #E88686, #A2C4A8, #ADC4A8, #C1C1AA 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: #520048; --color-2: #e88686; --color-3: #a2c4a8; --color-4: #adc4a8; --color-5: #c1c1aa. 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