← Back to Editor

#331A42 · #A19AA3 · #F0D8BF · #EBBEA1 · #BAB5A9

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

#331A42

Dark Plum · MidnightBlue · Dark Purple

HEX
#331A42
RGB
rgb(51, 26, 66)
HSL
hsl(278, 43%, 18%)
HSB
hsb(278, 61%, 26%)
CMYK
cmyk(23%, 61%, 0%, 74%)
Oklch
oklch(27.3% 0.076 311.2)

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

#A19AA3

Ash · DarkGray · Silver Sand

HEX
#A19AA3
RGB
rgb(161, 154, 163)
HSL
hsl(287, 5%, 62%)
HSB
hsb(287, 6%, 64%)
CMYK
cmyk(1%, 6%, 0%, 36%)
Oklch
oklch(69.5% 0.015 318.7)

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

#F0D8BF

Goose Yellow · Wheat · Peach Orange

HEX
#F0D8BF
RGB
rgb(240, 216, 191)
HSL
hsl(31, 62%, 85%)
HSB
hsb(31, 20%, 94%)
CMYK
cmyk(0%, 10%, 20%, 6%)
Oklch
oklch(89.5% 0.043 68.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EBBEA1

Apricot · BurlyWood · Peach Orange

HEX
#EBBEA1
RGB
rgb(235, 190, 161)
HSL
hsl(24, 65%, 78%)
HSB
hsb(24, 31%, 92%)
CMYK
cmyk(0%, 19%, 31%, 8%)
Oklch
oklch(83.4% 0.065 54.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BAB5A9

Ginger · DarkGray · Sunflower

HEX
#BAB5A9
RGB
rgb(186, 181, 169)
HSL
hsl(42, 11%, 70%)
HSB
hsb(42, 9%, 73%)
CMYK
cmyk(0%, 3%, 9%, 27%)
Oklch
oklch(77.4% 0.018 88.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

331A42
29421A

Analogous

1F1A42
331A42
421A3C

Triadic

331A42
42331A
1A4233

Split-Comp.

331A42
3C421A
1A421F

Tetradic

331A42
421F1A
29421A
1A3C42

Contrast Matrix WCAG 2.1 Contrast

331A42
A19AA3
F0D8BF
EBBEA1
BAB5A9
—
5.6
AA
11.2
AAA
9.1
AAA
7.5
AAA
5.6
AA
—
2.0
Fail
1.6
Fail
1.3
Fail
11.2
AAA
2.0
Fail
—
1.2
Fail
1.5
Fail
9.1
AAA
1.6
Fail
1.2
Fail
—
1.2
Fail
7.5
AAA
1.3
Fail
1.5
Fail
1.2
Fail
—
White BG
15.4AAA
2.7Fail
1.4Fail
1.7Fail
2.0Fail
Black BG
1.4Fail
7.7AAA
15.3AAA
12.4AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282838
9E9EA1
E6E5C5
D8D7A8
B8B8AC

Deuteranopia

2A2B36
9E9FA0
E7E9C7
DADEAA
B8B9AD

Tritanopia

32312F
A19F9F
EFCACB
E9AEAF
BAAEAF

Achromatopsia

262626
9D9D9D
DCDCDC
C8C8C8
B5B5B5

Shades & Tints Shades & Tints

#331A42

Dark
Light

#A19AA3

Dark
Light

#F0D8BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #331a42;
  --color-2: #a19aa3;
  --color-3: #f0d8bf;
  --color-4: #ebbea1;
  --color-5: #bab5a9;
}

SCSS

$color-1: #331a42;
$color-2: #a19aa3;
$color-3: #f0d8bf;
$color-4: #ebbea1;
$color-5: #bab5a9;

TAILWIND

colors: {
  'brand-1': '#331a42',
  'brand-2': '#a19aa3',
  'brand-3': '#f0d8bf',
  'brand-4': '#ebbea1',
  'brand-5': '#bab5a9',
}

RGB Array

[51, 26, 66], [161, 154, 163], [240, 216, 191], [235, 190, 161], [186, 181, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #331A42, #A19AA3, #F0D8BF, #EBBEA1, #BAB5A9 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: #331a42; --color-2: #a19aa3; --color-3: #f0d8bf; --color-4: #ebbea1; --color-5: #bab5a9. 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