← Back to Editor

#9275A1 · #4F506C · #8CAEA0 · #73D5D8 · #B1ECD8

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9275A1

Dark Plum · LightSlateGray · Violet

HEX
#9275A1
RGB
rgb(146, 117, 161)
HSL
hsl(280, 19%, 55%)
HSB
hsb(280, 27%, 63%)
CMYK
cmyk(9%, 27%, 0%, 37%)
Oklch
oklch(60.6% 0.073 313.9)

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

#4F506C

Indigo · DimGray · Prussian Blue

HEX
#4F506C
RGB
rgb(79, 80, 108)
HSL
hsl(238, 16%, 37%)
HSB
hsb(238, 27%, 42%)
CMYK
cmyk(27%, 26%, 0%, 58%)
Oklch
oklch(44.2% 0.046 282.8)

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

#8CAEA0

Jade · DarkSeaGreen · Apple Green

HEX
#8CAEA0
RGB
rgb(140, 174, 160)
HSL
hsl(155, 17%, 62%)
HSB
hsb(155, 20%, 68%)
CMYK
cmyk(20%, 0%, 8%, 32%)
Oklch
oklch(72.1% 0.042 168.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#73D5D8

Sky Blue · SkyBlue · Lake Green

HEX
#73D5D8
RGB
rgb(115, 213, 216)
HSL
hsl(182, 56%, 65%)
HSB
hsb(182, 47%, 85%)
CMYK
cmyk(47%, 1%, 0%, 15%)
Oklch
oklch(81.5% 0.093 198.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#B1ECD8

Jade · LightBlue · Glacier Blue

HEX
#B1ECD8
RGB
rgb(177, 236, 216)
HSL
hsl(160, 61%, 81%)
HSB
hsb(160, 25%, 93%)
CMYK
cmyk(25%, 0%, 8%, 7%)
Oklch
oklch(89.7% 0.066 171.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9275A1
85A276

Analogous

7E76A2
9275A1
A2769B

Triadic

9275A1
A29476
76A294

Split-Comp.

9275A1
9BA276
76A27E

Tetradic

9275A1
A27E76
85A276
769BA2

Contrast Matrix WCAG 2.1 Contrast

9275A1
4F506C
8CAEA0
73D5D8
B1ECD8
—
2.0
Fail
1.6
Fail
2.3
Fail
3.0
AA Large
2.0
Fail
—
3.2
AA Large
4.5
AA
5.9
AA
1.6
Fail
3.2
AA Large
—
1.4
Fail
1.8
Fail
2.3
Fail
4.5
AA
1.4
Fail
—
1.3
Fail
3.0
AA Large
5.9
AA
1.8
Fail
1.3
Fail
—
White BG
4.0AA Large
7.8AAA
2.4Fail
1.7Fail
1.3Fail
Black BG
5.3AA
2.7Fail
8.7AAA
12.2AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858596
4F4F65
9B9BA3
9D9ED7
CBCBDD

Deuteranopia

878994
4F4F64
9996A4
9890D7
C7C3DE

Tritanopia

918E8C
4F605F
8EA6A7
78D7D7
B4E1E2

Achromatopsia

838383
535353
A2A2A2
B8B8B8
D8D8D8

Shades & Tints Shades & Tints

#9275A1

Dark
Light

#4F506C

Dark
Light

#8CAEA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9275a1;
  --color-2: #4f506c;
  --color-3: #8caea0;
  --color-4: #73d5d8;
  --color-5: #b1ecd8;
}

SCSS

$color-1: #9275a1;
$color-2: #4f506c;
$color-3: #8caea0;
$color-4: #73d5d8;
$color-5: #b1ecd8;

TAILWIND

colors: {
  'brand-1': '#9275a1',
  'brand-2': '#4f506c',
  'brand-3': '#8caea0',
  'brand-4': '#73d5d8',
  'brand-5': '#b1ecd8',
}

RGB Array

[146, 117, 161], [79, 80, 108], [140, 174, 160], [115, 213, 216], [177, 236, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #9275A1, #4F506C, #8CAEA0, #73D5D8, #B1ECD8 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: #9275a1; --color-2: #4f506c; --color-3: #8caea0; --color-4: #73d5d8; --color-5: #b1ecd8. 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