← Back to Editor

#331144 · #4433AA · #992255 · #9944BB · #6699DD

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

#331144

Royal Purple · MidnightBlue · Dark Purple

HEX
#331144
RGB
rgb(51, 17, 68)
HSL
hsl(280, 60%, 17%)
HSB
hsb(280, 75%, 27%)
CMYK
cmyk(25%, 75%, 0%, 73%)
Oklch
oklch(26.0% 0.095 312.3)

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

#4433AA

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#4433AA
RGB
rgb(68, 51, 170)
HSL
hsl(249, 54%, 43%)
HSB
hsb(249, 70%, 67%)
CMYK
cmyk(60%, 70%, 0%, 33%)
Oklch
oklch(42.0% 0.180 281.8)

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

#992255

Dark Violet · Brown · Camellia

HEX
#992255
RGB
rgb(153, 34, 85)
HSL
hsl(334, 64%, 37%)
HSB
hsb(334, 78%, 60%)
CMYK
cmyk(0%, 78%, 44%, 40%)
Oklch
oklch(46.2% 0.159 359.9)

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

#9944BB

Dark Plum · DarkOrchid · Violet

HEX
#9944BB
RGB
rgb(153, 68, 187)
HSL
hsl(283, 47%, 50%)
HSB
hsb(283, 64%, 73%)
CMYK
cmyk(18%, 64%, 0%, 27%)
Oklch
oklch(54.9% 0.189 314.9)

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

#6699DD

Azure · CornflowerBlue · Cobalt Blue

HEX
#6699DD
RGB
rgb(102, 153, 221)
HSL
hsl(214, 64%, 63%)
HSB
hsb(214, 54%, 87%)
CMYK
cmyk(54%, 31%, 0%, 13%)
Oklch
oklch(67.6% 0.115 256.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

331144
234511

Analogous

1A1145
331144
45113D

Triadic

331144
453411
114534

Split-Comp.

331144
3D4511
11451A

Tetradic

331144
451A11
234511
113D45

Contrast Matrix WCAG 2.1 Contrast

331144
4433AA
992255
9944BB
6699DD
—
1.8
Fail
2.1
Fail
3.0
Fail
5.5
AA
1.8
Fail
—
1.2
Fail
1.7
Fail
3.1
AA Large
2.1
Fail
1.2
Fail
—
1.4
Fail
2.6
Fail
3.0
Fail
1.7
Fail
1.4
Fail
—
1.8
Fail
5.5
AA
3.1
AA Large
2.6
Fail
1.8
Fail
—
White BG
16.1AAA
9.1AAA
7.7AAA
5.4AA
2.9Fail
Black BG
1.3Fail
2.3Fail
2.7Fail
3.9AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242438
3D3C8D
656449
74739E
7C7DCD

Deuteranopia

262935
3E3F86
6C7546
798097
7975C9

Tritanopia

312E2C
437671
933F3D
958782
69C0BD

Achromatopsia

212121
464646
4B4B4B
6B6B6B
929292

Shades & Tints Shades & Tints

#331144

Dark
Light

#4433AA

Dark
Light

#992255

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #331144;
  --color-2: #4433aa;
  --color-3: #992255;
  --color-4: #9944bb;
  --color-5: #6699dd;
}

SCSS

$color-1: #331144;
$color-2: #4433aa;
$color-3: #992255;
$color-4: #9944bb;
$color-5: #6699dd;

TAILWIND

colors: {
  'brand-1': '#331144',
  'brand-2': '#4433aa',
  'brand-3': '#992255',
  'brand-4': '#9944bb',
  'brand-5': '#6699dd',
}

RGB Array

[51, 17, 68], [68, 51, 170], [153, 34, 85], [153, 68, 187], [102, 153, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #331144, #4433AA, #992255, #9944BB, #6699DD 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: #331144; --color-2: #4433aa; --color-3: #992255; --color-4: #9944bb; --color-5: #6699dd. 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