#94BECA + #8B95B8 + #A755BB + #754696 + #56425D · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#94BECA

Sky Blue · LightSteelBlue · Lake Green

HEX

#94BECA

RGB

rgb(148, 190, 202)

HSL

hsl(193, 34%, 69%)

HSB

hsb(193, 27%, 79%)

CMYK

cmyk(27%, 6%, 0%, 21%)

Oklch

oklch(77.5% 0.048 217.1)

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

#8B95B8

Azure · DarkGray · Cobalt Blue

HEX

#8B95B8

RGB

rgb(139, 149, 184)

HSL

hsl(227, 24%, 63%)

HSB

hsb(227, 24%, 72%)

CMYK

cmyk(24%, 19%, 0%, 28%)

Oklch

oklch(67.4% 0.053 272.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A755BB

Dark Plum · MediumOrchid · Violet

HEX

#A755BB

RGB

rgb(167, 85, 187)

HSL

hsl(288, 43%, 53%)

HSB

hsb(288, 55%, 73%)

CMYK

cmyk(11%, 55%, 0%, 27%)

Oklch

oklch(58.9% 0.170 319.4)

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

#754696

Dark Plum · DarkSlateBlue · Violet

HEX

#754696

RGB

rgb(117, 70, 150)

HSL

hsl(275, 36%, 43%)

HSB

hsb(275, 53%, 59%)

CMYK

cmyk(22%, 53%, 0%, 41%)

Oklch

oklch(48.5% 0.132 309.5)

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

#56425D

Dark Plum · DarkSlateGray · Eggplant

HEX

#56425D

RGB

rgb(86, 66, 93)

HSL

hsl(284, 17%, 31%)

HSB

hsb(284, 29%, 36%)

CMYK

cmyk(8%, 29%, 0%, 64%)

Oklch

oklch(41.1% 0.051 317.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94BECA

CBA195

Analogous

95CBBC

94BECA

95A4CB

Triadic

94BECA

CB95BF

BFCB95

Split-Comp.

94BECA

CB95A4

CBBC95

Tetradic

94BECA

BC95CB

CBA195

A4CB95

Contrast Matrix WCAG 2.1 Contrast

94BECA	8B95B8	A755BB	754696	56425D
—	1.5 Fail	2.2 Fail	3.4 AA Large	4.5 AA Large
1.5 Fail	—	1.5 Fail	2.3 Fail	3.0 AA Large
2.2 Fail	1.5 Fail	—	1.5 Fail	2.0 Fail
3.4 AA Large	2.3 Fail	1.5 Fail	—	1.3 Fail
4.5 AA Large	3.0 AA Large	2.0 Fail	1.3 Fail	—

White BG

2.0Fail

3.0Fail

4.5AA

6.8AA

9.0AAA

Black BG

10.5AAA

7.1AAA

4.7AA

3.1AA Large

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7C7

8F8FB0

8383A2

616083

4D4D56

Deuteranopia

A4A1C6

8F8EAD

888E9C

63677E

4F5055

Tritanopia

96C5C4

8BA9A7

A38F8B

737370

555150

Achromatopsia

B3B3B3

969696

797979

5D5D5D

4B4B4B

Shades & Tints Shades & Tints

#94BECA

Dark

Light

#8B95B8

Dark

Light

#A755BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94beca;
  --color-2: #8b95b8;
  --color-3: #a755bb;
  --color-4: #754696;
  --color-5: #56425d;
}

SCSS

$color-1: #94beca;
$color-2: #8b95b8;
$color-3: #a755bb;
$color-4: #754696;
$color-5: #56425d;

TAILWIND

colors: {
  'brand-1': '#94beca',
  'brand-2': '#8b95b8',
  'brand-3': '#a755bb',
  'brand-4': '#754696',
  'brand-5': '#56425d',
}

RGB Array

[148, 190, 202], [139, 149, 184], [167, 85, 187], [117, 70, 150], [86, 66, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #94BECA, #8B95B8, #A755BB, #754696, #56425D 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: #94beca; --color-2: #8b95b8; --color-3: #a755bb; --color-4: #754696; --color-5: #56425d. 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