#CA89CB + #AA9DD2 + #8E9EDC + #6DB4D0 + #83B9AB · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CA89CB

Lilac · Orchid · Lilac Purple

HEX

#CA89CB

RGB

rgb(202, 137, 203)

HSL

hsl(299, 39%, 67%)

HSB

hsb(299, 33%, 80%)

CMYK

cmyk(0%, 33%, 0%, 20%)

Oklch

oklch(71.7% 0.118 326.2)

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

#AA9DD2

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#AA9DD2

RGB

rgb(170, 157, 210)

HSL

hsl(255, 37%, 72%)

HSB

hsb(255, 25%, 82%)

CMYK

cmyk(19%, 25%, 0%, 18%)

Oklch

oklch(72.6% 0.077 295.7)

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

#8E9EDC

Azure · CornflowerBlue · Cobalt Blue

HEX

#8E9EDC

RGB

rgb(142, 158, 220)

HSL

hsl(228, 53%, 71%)

HSB

hsb(228, 35%, 86%)

CMYK

cmyk(35%, 28%, 0%, 14%)

Oklch

oklch(71.0% 0.093 272.7)

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

#6DB4D0

Sky Blue · CornflowerBlue · Lake Green

HEX

#6DB4D0

RGB

rgb(109, 180, 208)

HSL

hsl(197, 51%, 62%)

HSB

hsb(197, 48%, 82%)

CMYK

cmyk(48%, 13%, 0%, 18%)

Oklch

oklch(73.4% 0.082 225.3)

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

#83B9AB

Jade · DarkSeaGreen · Lake Green

HEX

#83B9AB

RGB

rgb(131, 185, 171)

HSL

hsl(164, 28%, 62%)

HSB

hsb(164, 29%, 73%)

CMYK

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

Oklch

oklch(74.4% 0.060 176.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CA89CB

8BCC8A

Analogous

AA8ACC

CA89CB

CC8AAC

Triadic

CA89CB

CCCB8A

8ACCCB

Split-Comp.

CA89CB

ACCC8A

8ACCAA

Tetradic

CA89CB

CCAA8A

8BCC8A

8AACCC

Contrast Matrix WCAG 2.1 Contrast

CA89CB	AA9DD2	8E9EDC	6DB4D0	83B9AB
—	1.1 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.2 Fail	1.0 Fail	—

White BG

2.6Fail

2.5Fail

2.6Fail

2.3Fail

2.2Fail

Black BG

8.0AAA

8.5AAA

8.1AAA

9.1AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEADBB

A4A4C5

9595CD

8C8CC9

9A9BAE

Deuteranopia

B2B6B7

A5A6C2

9493C9

8882C8

9793AF

Tritanopia

C7AEAC

A9BBB9

8FC1BF

71C4C3

86B1B2

Achromatopsia

A4A4A4

A7A7A7

A0A0A0

A2A2A2

A7A7A7

Shades & Tints Shades & Tints

#CA89CB

Dark

Light

#AA9DD2

Dark

Light

#8E9EDC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ca89cb;
  --color-2: #aa9dd2;
  --color-3: #8e9edc;
  --color-4: #6db4d0;
  --color-5: #83b9ab;
}

SCSS

$color-1: #ca89cb;
$color-2: #aa9dd2;
$color-3: #8e9edc;
$color-4: #6db4d0;
$color-5: #83b9ab;

TAILWIND

colors: {
  'brand-1': '#ca89cb',
  'brand-2': '#aa9dd2',
  'brand-3': '#8e9edc',
  'brand-4': '#6db4d0',
  'brand-5': '#83b9ab',
}

RGB Array

[202, 137, 203], [170, 157, 210], [142, 158, 220], [109, 180, 208], [131, 185, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CA89CB, #AA9DD2, #8E9EDC, #6DB4D0, #83B9AB is ideal for: health products, baby brands, fresh-style blogs. 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: #ca89cb; --color-2: #aa9dd2; --color-3: #8e9edc; --color-4: #6db4d0; --color-5: #83b9ab. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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