← Back to Editor

#A77CA7 · #46255A · #577AA4 · #F5EBD2 · #C0A890

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

#A77CA7

Rose Purple · DarkGray · Violet

HEX
#A77CA7
RGB
rgb(167, 124, 167)
HSL
hsl(300, 20%, 57%)
HSB
hsb(300, 26%, 65%)
CMYK
cmyk(0%, 26%, 0%, 35%)
Oklch
oklch(64.3% 0.080 326.5)

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

#46255A

Dark Plum · DarkSlateGray · Eggplant

HEX
#46255A
RGB
rgb(70, 37, 90)
HSL
hsl(277, 42%, 25%)
HSB
hsb(277, 59%, 35%)
CMYK
cmyk(22%, 59%, 0%, 65%)
Oklch
oklch(33.4% 0.096 311.0)

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

#577AA4

Indigo · SteelBlue · Navy Blue

HEX
#577AA4
RGB
rgb(87, 122, 164)
HSL
hsl(213, 31%, 49%)
HSB
hsb(213, 47%, 64%)
CMYK
cmyk(47%, 26%, 0%, 36%)
Oklch
oklch(57.0% 0.077 253.5)

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

#F5EBD2

Goose Yellow · Beige · Lemon Cream

HEX
#F5EBD2
RGB
rgb(245, 235, 210)
HSL
hsl(43, 64%, 89%)
HSB
hsb(43, 14%, 96%)
CMYK
cmyk(0%, 4%, 14%, 4%)
Oklch
oklch(94.1% 0.035 88.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C0A890

Ginger · Tan · Warm Sun

HEX
#C0A890
RGB
rgb(192, 168, 144)
HSL
hsl(30, 28%, 66%)
HSB
hsb(30, 25%, 75%)
CMYK
cmyk(0%, 13%, 25%, 25%)
Oklch
oklch(74.6% 0.044 67.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A77CA7
7BA77B

Analogous

917BA7
A77CA7
A77B91

Triadic

A77CA7
A7A77B
7BA7A7

Split-Comp.

A77CA7
91A77B
7BA791

Tetradic

A77CA7
A7917B
7BA77B
7B91A7

Contrast Matrix WCAG 2.1 Contrast

A77CA7
46255A
577AA4
F5EBD2
C0A890
—
3.6
AA Large
1.3
Fail
2.9
Fail
1.5
Fail
3.6
AA Large
—
2.8
Fail
10.6
AAA
5.5
AA
1.3
Fail
2.8
Fail
—
3.7
AA Large
2.0
Fail
2.9
Fail
10.6
AAA
3.7
AA Large
—
1.9
Fail
1.5
Fail
5.5
AA
2.0
Fail
1.9
Fail
—
White BG
3.5AA Large
12.6AAA
4.4AA Large
1.2Fail
2.3Fail
Black BG
6.1AA
1.7Fail
4.7AA
17.7AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

94949D
38374D
66669A
F1F1D8
B6B596

Deuteranopia

979A9A
3A3C4A
646297
F1F2DA
B7B997

Tritanopia

A59493
444341
599290
F5DDDE
BF9A9B

Achromatopsia

8E8E8E
353535
747474
EBEBEB
ACACAC

Shades & Tints Shades & Tints

#A77CA7

Dark
Light

#46255A

Dark
Light

#577AA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a77ca7;
  --color-2: #46255a;
  --color-3: #577aa4;
  --color-4: #f5ebd2;
  --color-5: #c0a890;
}

SCSS

$color-1: #a77ca7;
$color-2: #46255a;
$color-3: #577aa4;
$color-4: #f5ebd2;
$color-5: #c0a890;

TAILWIND

colors: {
  'brand-1': '#a77ca7',
  'brand-2': '#46255a',
  'brand-3': '#577aa4',
  'brand-4': '#f5ebd2',
  'brand-5': '#c0a890',
}

RGB Array

[167, 124, 167], [70, 37, 90], [87, 122, 164], [245, 235, 210], [192, 168, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A77CA7, #46255A, #577AA4, #F5EBD2, #C0A890 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: #a77ca7; --color-2: #46255a; --color-3: #577aa4; --color-4: #f5ebd2; --color-5: #c0a890. 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