← Back to Editor

#270945 · #A06DF6 · #9A8AFF · #93B9C2 · #3ED7E5

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#270945

Royal Purple · MidnightBlue · Dark Purple

HEX
#270945
RGB
rgb(39, 9, 69)
HSL
hsl(270, 77%, 15%)
HSB
hsb(270, 87%, 27%)
CMYK
cmyk(43%, 87%, 0%, 73%)
Oklch
oklch(23.2% 0.104 301.1)

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

#A06DF6

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#A06DF6
RGB
rgb(160, 109, 246)
HSL
hsl(262, 88%, 70%)
HSB
hsb(262, 56%, 96%)
CMYK
cmyk(35%, 56%, 0%, 4%)
Oklch
oklch(65.1% 0.198 297.8)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#9A8AFF

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#9A8AFF
RGB
rgb(154, 138, 255)
HSL
hsl(248, 100%, 77%)
HSB
hsb(248, 46%, 100%)
CMYK
cmyk(40%, 46%, 0%, 0%)
Oklch
oklch(69.9% 0.167 287.5)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#93B9C2

Sky Blue · DarkGray · Lake Green

HEX
#93B9C2
RGB
rgb(147, 185, 194)
HSL
hsl(191, 28%, 67%)
HSB
hsb(191, 24%, 76%)
CMYK
cmyk(24%, 5%, 0%, 24%)
Oklch
oklch(76.1% 0.043 213.8)

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

#3ED7E5

Lake Blue · Turquoise · Lake Green

HEX
#3ED7E5
RGB
rgb(62, 215, 229)
HSL
hsl(185, 76%, 57%)
HSB
hsb(185, 73%, 90%)
CMYK
cmyk(73%, 6%, 0%, 10%)
Oklch
oklch(80.8% 0.124 204.2)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

270945
264409

Analogous

090944
270945
440944

Triadic

270945
442609
094426

Split-Comp.

270945
444409
094409

Tetradic

270945
440909
264409
094444

Contrast Matrix WCAG 2.1 Contrast

270945
A06DF6
9A8AFF
93B9C2
3ED7E5
—
5.0
AA
6.2
AA
8.2
AAA
10.0
AAA
5.0
AA
—
1.2
Fail
1.7
Fail
2.0
Fail
6.2
AA
1.2
Fail
—
1.3
Fail
1.6
Fail
8.2
AAA
1.7
Fail
1.3
Fail
—
1.2
Fail
10.0
AAA
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
17.3AAA
3.5AA Large
2.8Fail
2.1Fail
1.7Fail
Black BG
1.2Fail
6.0AA
7.5AAA
10.0AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A36
8A89D5
9393E3
A3A4C0
8082E2

Deuteranopia

1C1E33
8D91CD
9495DC
A19EBF
776CE1

Tritanopia

262B29
9DBBB5
99CCC7
95BEBE
46DFDE

Achromatopsia

191919
8C8C8C
9C9C9C
AFAFAF
ABABAB

Shades & Tints Shades & Tints

#270945

Dark
Light

#A06DF6

Dark
Light

#9A8AFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #270945;
  --color-2: #a06df6;
  --color-3: #9a8aff;
  --color-4: #93b9c2;
  --color-5: #3ed7e5;
}

SCSS

$color-1: #270945;
$color-2: #a06df6;
$color-3: #9a8aff;
$color-4: #93b9c2;
$color-5: #3ed7e5;

TAILWIND

colors: {
  'brand-1': '#270945',
  'brand-2': '#a06df6',
  'brand-3': '#9a8aff',
  'brand-4': '#93b9c2',
  'brand-5': '#3ed7e5',
}

RGB Array

[39, 9, 69], [160, 109, 246], [154, 138, 255], [147, 185, 194], [62, 215, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #270945, #A06DF6, #9A8AFF, #93B9C2, #3ED7E5 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #270945; --color-2: #a06df6; --color-3: #9a8aff; --color-4: #93b9c2; --color-5: #3ed7e5. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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