#A67AA5 + #938EB5 + #79B8B6 + #BAE3B5 + #EEF1B2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A67AA5

Rose Purple · DarkGray · Violet

HEX

#A67AA5

RGB

rgb(166, 122, 165)

HSL

hsl(301, 20%, 56%)

HSB

hsb(301, 27%, 65%)

CMYK

cmyk(0%, 27%, 1%, 35%)

Oklch

oklch(63.7% 0.081 327.2)

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

#938EB5

Wisteria · DarkGray · Cobalt Blue

HEX

#938EB5

RGB

rgb(147, 142, 181)

HSL

hsl(248, 21%, 63%)

HSB

hsb(248, 22%, 71%)

CMYK

cmyk(19%, 22%, 0%, 29%)

Oklch

oklch(66.5% 0.058 290.6)

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

#79B8B6

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#79B8B6

RGB

rgb(121, 184, 182)

HSL

hsl(178, 31%, 60%)

HSB

hsb(178, 34%, 72%)

CMYK

cmyk(34%, 0%, 1%, 28%)

Oklch

oklch(74.0% 0.065 193.3)

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

#BAE3B5

Celadon · Silver · Apple Green

HEX

#BAE3B5

RGB

rgb(186, 227, 181)

HSL

hsl(113, 45%, 80%)

HSB

hsb(113, 20%, 89%)

CMYK

cmyk(18%, 0%, 20%, 11%)

Oklch

oklch(87.5% 0.076 142.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#EEF1B2

Fresh Green · Wheat · Lemon Cream

HEX

#EEF1B2

RGB

rgb(238, 241, 178)

HSL

hsl(63, 69%, 82%)

HSB

hsb(63, 26%, 95%)

CMYK

cmyk(1%, 0%, 26%, 5%)

Oklch

oklch(94.1% 0.081 110.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A67AA5

78A579

Analogous

9078A5

A67AA5

A5788E

Triadic

A67AA5

A4A578

78A4A5

Split-Comp.

A67AA5

8EA578

78A590

Tetradic

A67AA5

A59078

78A579

788EA5

Contrast Matrix WCAG 2.1 Contrast

A67AA5	938EB5	79B8B6	BAE3B5	EEF1B2
—	1.1 Fail	1.6 Fail	2.5 Fail	3.0 AA Large
1.1 Fail	—	1.4 Fail	2.2 Fail	2.6 Fail
1.6 Fail	1.4 Fail	—	1.6 Fail	1.9 Fail
2.5 Fail	2.2 Fail	1.6 Fail	—	1.2 Fail
3.0 AA Large	2.6 Fail	1.9 Fail	1.2 Fail	—

White BG

3.5AA Large

3.1AA Large

2.2Fail

1.4Fail

1.2Fail

Black BG

5.9AA

6.8AA

9.3AAA

14.7AAA

17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

93939B

9191AC

9495B6

CCCCC0

EFEFC1

Deuteranopia

969998

9192A9

918CB7

C9C6C3

EFEFC5

Tritanopia

A49291

93A4A2

7CB7B7

BCC9CB

EECDD0

Achromatopsia

8C8C8C

949494

A5A5A5

D1D1D1

E9E9E9

Shades & Tints Shades & Tints

#A67AA5

Dark

Light

#938EB5

Dark

Light

#79B8B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a67aa5;
  --color-2: #938eb5;
  --color-3: #79b8b6;
  --color-4: #bae3b5;
  --color-5: #eef1b2;
}

SCSS

$color-1: #a67aa5;
$color-2: #938eb5;
$color-3: #79b8b6;
$color-4: #bae3b5;
$color-5: #eef1b2;

TAILWIND

colors: {
  'brand-1': '#a67aa5',
  'brand-2': '#938eb5',
  'brand-3': '#79b8b6',
  'brand-4': '#bae3b5',
  'brand-5': '#eef1b2',
}

RGB Array

[166, 122, 165], [147, 142, 181], [121, 184, 182], [186, 227, 181], [238, 241, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A67AA5, #938EB5, #79B8B6, #BAE3B5, #EEF1B2 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: #a67aa5; --color-2: #938eb5; --color-3: #79b8b6; --color-4: #bae3b5; --color-5: #eef1b2. 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 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