#0AC2A0 + #6CB8AA + #BAA6A2 + #E39698 + #E8899C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0AC2A0

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#0AC2A0

RGB

rgb(10, 194, 160)

HSL

hsl(169, 90%, 40%)

HSB

hsb(169, 95%, 76%)

CMYK

cmyk(95%, 0%, 18%, 24%)

Oklch

oklch(72.7% 0.137 173.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#6CB8AA

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#6CB8AA

RGB

rgb(108, 184, 170)

HSL

hsl(169, 35%, 57%)

HSB

hsb(169, 41%, 72%)

CMYK

cmyk(41%, 0%, 8%, 28%)

Oklch

oklch(72.9% 0.079 180.9)

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

#BAA6A2

Peach Pink · DarkGray · Coral Red

HEX

#BAA6A2

RGB

rgb(186, 166, 162)

HSL

hsl(10, 15%, 68%)

HSB

hsb(10, 13%, 73%)

CMYK

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

Oklch

oklch(74.1% 0.024 31.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E39698

Peach Pink · DarkSalmon · Coral Red

HEX

#E39698

RGB

rgb(227, 150, 152)

HSL

hsl(358, 58%, 74%)

HSB

hsb(358, 34%, 89%)

CMYK

cmyk(0%, 34%, 33%, 11%)

Oklch

oklch(75.0% 0.093 17.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E8899C

Peach Pink · LightCoral · Coral Red

HEX

#E8899C

RGB

rgb(232, 137, 156)

HSL

hsl(348, 67%, 72%)

HSB

hsb(348, 41%, 91%)

CMYK

cmyk(0%, 41%, 33%, 9%)

Oklch

oklch(73.6% 0.117 7.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0AC2A0

C20A2C

Analogous

0AC244

0AC2A0

0A88C2

Triadic

0AC2A0

A00AC2

C2A00A

Split-Comp.

0AC2A0

C20A88

C2440A

Tetradic

0AC2A0

440AC2

C20A2C

88C20A

Contrast Matrix WCAG 2.1 Contrast

0AC2A0	6CB8AA	BAA6A2	E39698	E8899C
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

2.3Fail

2.5Fail

Black BG

9.2AAA

9.1AAA

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5BA8

8D8EAD

B1B1A3

C2C198

BFBE97

Deuteranopia

4F41AA

8983AE

B3B4A3

C6CC97

C4CB96

Tritanopia

13AFB0

70B0B1

B9A4A4

DF9797

E39493

Achromatopsia

878787

A0A0A0

ACACAC

ADADAD

A8A8A8

Shades & Tints Shades & Tints

#0AC2A0

Dark

Light

#6CB8AA

Dark

Light

#BAA6A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0ac2a0;
  --color-2: #6cb8aa;
  --color-3: #baa6a2;
  --color-4: #e39698;
  --color-5: #e8899c;
}

SCSS

$color-1: #0ac2a0;
$color-2: #6cb8aa;
$color-3: #baa6a2;
$color-4: #e39698;
$color-5: #e8899c;

TAILWIND

colors: {
  'brand-1': '#0ac2a0',
  'brand-2': '#6cb8aa',
  'brand-3': '#baa6a2',
  'brand-4': '#e39698',
  'brand-5': '#e8899c',
}

RGB Array

[10, 194, 160], [108, 184, 170], [186, 166, 162], [227, 150, 152], [232, 137, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0AC2A0, #6CB8AA, #BAA6A2, #E39698, #E8899C 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: #0ac2a0; --color-2: #6cb8aa; --color-3: #baa6a2; --color-4: #e39698; --color-5: #e8899c. 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 general-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