← Back to Editor

#6C6782 · #CB06FD · #313743 · #E40174 · #AA9FA6

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

#6C6782

Deep Indigo · DimGray · Navy Blue

HEX
#6C6782
RGB
rgb(108, 103, 130)
HSL
hsl(251, 12%, 46%)
HSB
hsb(251, 21%, 51%)
CMYK
cmyk(17%, 21%, 0%, 49%)
Oklch
oklch(52.8% 0.042 293.4)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#CB06FD

Royal Purple · Magenta · Violet

HEX
#CB06FD
RGB
rgb(203, 6, 253)
HSL
hsl(288, 98%, 51%)
HSB
hsb(288, 98%, 99%)
CMYK
cmyk(20%, 98%, 0%, 1%)
Oklch
oklch(62.5% 0.304 316.5)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#313743

Indigo · DarkSlateGray · Prussian Blue

HEX
#313743
RGB
rgb(49, 55, 67)
HSL
hsl(220, 16%, 23%)
HSB
hsb(220, 27%, 26%)
CMYK
cmyk(27%, 18%, 0%, 74%)
Oklch
oklch(33.6% 0.023 264.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#E40174

Dark Violet · MediumVioletRed · Camellia

HEX
#E40174
RGB
rgb(228, 1, 116)
HSL
hsl(330, 99%, 45%)
HSB
hsb(330, 100%, 89%)
CMYK
cmyk(0%, 100%, 49%, 11%)
Oklch
oklch(59.4% 0.240 1.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#AA9FA6

Ash · DarkGray · Silver Sand

HEX
#AA9FA6
RGB
rgb(170, 159, 166)
HSL
hsl(322, 6%, 65%)
HSB
hsb(322, 6%, 67%)
CMYK
cmyk(0%, 6%, 2%, 33%)
Oklch
oklch(71.4% 0.016 339.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C6782
7E8367

Analogous

677083
6C6782
7A6783

Triadic

6C6782
836C67
67836C

Split-Comp.

6C6782
837A67
708367

Tetradic

6C6782
836770
7E8367
67837A

Contrast Matrix WCAG 2.1 Contrast

6C6782
CB06FD
313743
E40174
AA9FA6
—
1.3
Fail
2.2
Fail
1.2
Fail
2.1
Fail
1.3
Fail
—
2.8
Fail
1.1
Fail
1.6
Fail
2.2
Fail
2.8
Fail
—
2.6
Fail
4.7
AA
1.2
Fail
1.1
Fail
2.6
Fail
—
1.8
Fail
2.1
Fail
1.6
Fail
4.7
AA
1.8
Fail
—
White BG
5.4AA
4.2AA Large
11.9AAA
4.6AA
2.6Fail
Black BG
3.9AA Large
5.0AA
1.8Fail
4.6AA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A7B
7674C1
343440
828058
A5A5A4

Deuteranopia

6A6B7A
8190B3
33333F
8FA051
A6A7A4

Tritanopia

6C7675
C19288
313E3D
D9423D
A9A3A3

Achromatopsia

6C6C6C
5D5D5D
373737
525252
A3A3A3

Shades & Tints Shades & Tints

#6C6782

Dark
Light

#CB06FD

Dark
Light

#313743

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c6782;
  --color-2: #cb06fd;
  --color-3: #313743;
  --color-4: #e40174;
  --color-5: #aa9fa6;
}

SCSS

$color-1: #6c6782;
$color-2: #cb06fd;
$color-3: #313743;
$color-4: #e40174;
$color-5: #aa9fa6;

TAILWIND

colors: {
  'brand-1': '#6c6782',
  'brand-2': '#cb06fd',
  'brand-3': '#313743',
  'brand-4': '#e40174',
  'brand-5': '#aa9fa6',
}

RGB Array

[108, 103, 130], [203, 6, 253], [49, 55, 67], [228, 1, 116], [170, 159, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #6C6782, #CB06FD, #313743, #E40174, #AA9FA6 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: #6c6782; --color-2: #cb06fd; --color-3: #313743; --color-4: #e40174; --color-5: #aa9fa6. 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