#E91099 + #6E6995 + #B3649F + #A07ABA + #608EB3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E91099

Rose Purple · DeepPink · Camellia

HEX

#E91099

RGB

rgb(233, 16, 153)

HSL

hsl(322, 87%, 49%)

HSB

hsb(322, 93%, 91%)

CMYK

cmyk(0%, 93%, 34%, 9%)

Oklch

oklch(61.8% 0.252 350.6)

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

#6E6995

Deep Indigo · SlateGray · Navy Blue

HEX

#6E6995

RGB

rgb(110, 105, 149)

HSL

hsl(247, 17%, 50%)

HSB

hsb(247, 30%, 58%)

CMYK

cmyk(26%, 30%, 0%, 42%)

Oklch

oklch(54.3% 0.068 289.1)

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

#B3649F

Rose Purple · MediumOrchid · Violet

HEX

#B3649F

RGB

rgb(179, 100, 159)

HSL

hsl(315, 34%, 55%)

HSB

hsb(315, 44%, 70%)

CMYK

cmyk(0%, 44%, 11%, 30%)

Oklch

oklch(61.2% 0.126 337.2)

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

#A07ABA

Dark Plum · DarkGray · Violet

HEX

#A07ABA

RGB

rgb(160, 122, 186)

HSL

hsl(276, 32%, 60%)

HSB

hsb(276, 34%, 73%)

CMYK

cmyk(14%, 34%, 0%, 27%)

Oklch

oklch(64.0% 0.102 310.9)

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

#608EB3

Slate Blue · CadetBlue · Navy Blue

HEX

#608EB3

RGB

rgb(96, 142, 179)

HSL

hsl(207, 35%, 54%)

HSB

hsb(207, 46%, 70%)

CMYK

cmyk(46%, 21%, 0%, 30%)

Oklch

oklch(62.8% 0.075 243.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E91099

10EA60

Analogous

CD10EA

E91099

EA102D

Triadic

E91099

9AEA10

109AEA

Split-Comp.

E91099

2DEA10

10EACD

Tetradic

E91099

EACD10

10EA60

102DEA

Contrast Matrix WCAG 2.1 Contrast

E91099	6E6995	B3649F	A07ABA	608EB3
—	1.2 Fail	1.0 Fail	1.2 Fail	1.2 Fail
1.2 Fail	—	1.3 Fail	1.5 Fail	1.5 Fail
1.0 Fail	1.3 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.5 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.5 Fail	1.1 Fail	1.0 Fail	—

White BG

4.2AA Large

5.1AA

4.0AA Large

3.5AA Large

Black BG

5.0AA

4.1AA Large

5.2AA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8978

6C6C8A

919091

908FAB

7474AA

Deuteranopia

98A870

6C6D88

959B8D

9295A7

716EA8

Tritanopia

DE5E58

6E8280

AF8583

9E9E9C

62A3A1

Achromatopsia

616161

707070

828282

8D8D8D

848484

Shades & Tints Shades & Tints

#E91099

Dark

Light

#6E6995

Dark

Light

#B3649F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e91099;
  --color-2: #6e6995;
  --color-3: #b3649f;
  --color-4: #a07aba;
  --color-5: #608eb3;
}

SCSS

$color-1: #e91099;
$color-2: #6e6995;
$color-3: #b3649f;
$color-4: #a07aba;
$color-5: #608eb3;

TAILWIND

colors: {
  'brand-1': '#e91099',
  'brand-2': '#6e6995',
  'brand-3': '#b3649f',
  'brand-4': '#a07aba',
  'brand-5': '#608eb3',
}

RGB Array

[233, 16, 153], [110, 105, 149], [179, 100, 159], [160, 122, 186], [96, 142, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E91099, #6E6995, #B3649F, #A07ABA, #608EB3 is ideal for: corporate websites, product showcases, portfolios. 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: #e91099; --color-2: #6e6995; --color-3: #b3649f; --color-4: #a07aba; --color-5: #608eb3. 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. 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