← Back to Editor

#8DB6B3 · #41527F · #946F97 · #E7DFE5 · #B3CAD3

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

#8DB6B3

Jade · DarkGray · Lake Green

HEX
#8DB6B3
RGB
rgb(141, 182, 179)
HSL
hsl(176, 22%, 63%)
HSB
hsb(176, 23%, 71%)
CMYK
cmyk(23%, 0%, 2%, 29%)
Oklch
oklch(74.6% 0.044 190.7)

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

#41527F

Indigo · DarkSlateBlue · Prussian Blue

HEX
#41527F
RGB
rgb(65, 82, 127)
HSL
hsl(224, 32%, 38%)
HSB
hsb(224, 49%, 50%)
CMYK
cmyk(49%, 35%, 0%, 50%)
Oklch
oklch(44.5% 0.077 267.5)

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

#946F97

Dark Plum · Gray · Violet

HEX
#946F97
RGB
rgb(148, 111, 151)
HSL
hsl(296, 16%, 51%)
HSB
hsb(296, 26%, 59%)
CMYK
cmyk(2%, 26%, 0%, 41%)
Oklch
oklch(59.2% 0.074 324.0)

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

#E7DFE5

Mauve · Lavender · Lavender

HEX
#E7DFE5
RGB
rgb(231, 223, 229)
HSL
hsl(315, 14%, 89%)
HSB
hsb(315, 3%, 91%)
CMYK
cmyk(0%, 3%, 1%, 9%)
Oklch
oklch(91.2% 0.012 334.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#B3CAD3

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B3CAD3
RGB
rgb(179, 202, 211)
HSL
hsl(197, 27%, 76%)
HSB
hsb(197, 15%, 83%)
CMYK
cmyk(15%, 4%, 0%, 17%)
Oklch
oklch(82.5% 0.028 223.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8DB6B3
B58C8F

Analogous

8CB59E
8DB6B3
8CA3B5

Triadic

8DB6B3
B38CB5
B5B38C

Split-Comp.

8DB6B3
B58CA3
B59E8C

Tetradic

8DB6B3
9E8CB5
B58C8F
A3B58C

Contrast Matrix WCAG 2.1 Contrast

8DB6B3
41527F
946F97
E7DFE5
B3CAD3
—
3.5
AA Large
1.9
Fail
1.7
Fail
1.3
Fail
3.5
AA Large
—
1.8
Fail
5.9
AA
4.5
AA Large
1.9
Fail
1.8
Fail
—
3.2
AA Large
2.5
Fail
1.7
Fail
5.9
AA
3.2
AA Large
—
1.3
Fail
1.3
Fail
4.5
AA Large
2.5
Fail
1.3
Fail
—
White BG
2.2Fail
7.7AAA
4.2AA Large
1.3Fail
1.7Fail
Black BG
9.5AAA
2.7Fail
5.0AA
16.1AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9FB4
484974
84848D
E4E3E4
BDBDD1

Deuteranopia

9C99B4
474671
86898B
E4E5E3
BCBAD0

Tritanopia

8FB4B4
426C6A
928684
E7E2E2
B4CFCF

Achromatopsia

A9A9A9
525252
7F7F7F
E2E2E2
C4C4C4

Shades & Tints Shades & Tints

#8DB6B3

Dark
Light

#41527F

Dark
Light

#946F97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8db6b3;
  --color-2: #41527f;
  --color-3: #946f97;
  --color-4: #e7dfe5;
  --color-5: #b3cad3;
}

SCSS

$color-1: #8db6b3;
$color-2: #41527f;
$color-3: #946f97;
$color-4: #e7dfe5;
$color-5: #b3cad3;

TAILWIND

colors: {
  'brand-1': '#8db6b3',
  'brand-2': '#41527f',
  'brand-3': '#946f97',
  'brand-4': '#e7dfe5',
  'brand-5': '#b3cad3',
}

RGB Array

[141, 182, 179], [65, 82, 127], [148, 111, 151], [231, 223, 229], [179, 202, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8DB6B3, #41527F, #946F97, #E7DFE5, #B3CAD3 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #8db6b3; --color-2: #41527f; --color-3: #946f97; --color-4: #e7dfe5; --color-5: #b3cad3. 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. 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