← Back to Editor

#B32981 · #845780 · #615869 · #242A32 · #12181B

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#B32981

Rose Purple · MediumVioletRed · Camellia

HEX
#B32981
RGB
rgb(179, 41, 129)
HSL
hsl(322, 63%, 43%)
HSB
hsb(322, 77%, 70%)
CMYK
cmyk(0%, 77%, 28%, 30%)
Oklch
oklch(52.9% 0.192 346.7)

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

#845780

Rose Purple · DimGray · Violet

HEX
#845780
RGB
rgb(132, 87, 128)
HSL
hsl(305, 21%, 43%)
HSB
hsb(305, 34%, 52%)
CMYK
cmyk(0%, 34%, 3%, 48%)
Oklch
oklch(52.0% 0.083 329.8)

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

#615869

Dark Plum · DimGray · Charcoal

HEX
#615869
RGB
rgb(97, 88, 105)
HSL
hsl(272, 9%, 38%)
HSB
hsb(272, 16%, 41%)
CMYK
cmyk(8%, 16%, 0%, 59%)
Oklch
oklch(47.5% 0.029 309.0)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#242A32

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#242A32
RGB
rgb(36, 42, 50)
HSL
hsl(214, 16%, 17%)
HSB
hsb(214, 28%, 20%)
CMYK
cmyk(28%, 16%, 0%, 80%)
Oklch
oklch(28.3% 0.017 255.7)

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

#12181B

Slate Blue · Black · Deep Sea Blue

HEX
#12181B
RGB
rgb(18, 24, 27)
HSL
hsl(200, 20%, 9%)
HSB
hsb(200, 33%, 11%)
CMYK
cmyk(33%, 11%, 0%, 89%)
Oklch
oklch(20.4% 0.011 229.6)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B32981
29B35B

Analogous

A029B3
B32981
B3293B

Triadic

B32981
80B329
2980B3

Split-Comp.

B32981
3BB329
29B3A0

Tetradic

B32981
B3A029
29B35B
293BB3

Contrast Matrix WCAG 2.1 Contrast

B32981
845780
615869
242A32
12181B
—
1.0
Fail
1.1
Fail
2.4
Fail
3.0
AA Large
1.0
Fail
—
1.2
Fail
2.5
Fail
3.1
AA Large
1.1
Fail
1.2
Fail
—
2.1
Fail
2.7
Fail
2.4
Fail
2.5
Fail
2.1
Fail
—
1.2
Fail
3.0
AA Large
3.1
AA Large
2.7
Fail
1.2
Fail
—
White BG
5.9AA
5.7AA
6.8AA
14.5AAA
17.9AAA
Black BG
3.6AA Large
3.7AA Large
3.1AA Large
1.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

77766C
717076
5D5D65
272730
15151A

Deuteranopia

7F8A67
737674
5E5E64
262630
14141A

Tritanopia

AC5B57
826E6D
616261
242F2E
121A1A

Achromatopsia

5C5C5C
696969
5D5D5D
292929
171717

Shades & Tints Shades & Tints

#B32981

Dark
Light

#845780

Dark
Light

#615869

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b32981;
  --color-2: #845780;
  --color-3: #615869;
  --color-4: #242a32;
  --color-5: #12181b;
}

SCSS

$color-1: #b32981;
$color-2: #845780;
$color-3: #615869;
$color-4: #242a32;
$color-5: #12181b;

TAILWIND

colors: {
  'brand-1': '#b32981',
  'brand-2': '#845780',
  'brand-3': '#615869',
  'brand-4': '#242a32',
  'brand-5': '#12181b',
}

RGB Array

[179, 41, 129], [132, 87, 128], [97, 88, 105], [36, 42, 50], [18, 24, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B32981, #845780, #615869, #242A32, #12181B is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b32981; --color-2: #845780; --color-3: #615869; --color-4: #242a32; --color-5: #12181b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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