← Back to Editor

#7F3187 · #8296D9 · #6AD9CA · #8CFFBC · #FCFFB0

A 5-color palette 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

#7F3187

Dark Plum · Purple · Eggplant

HEX
#7F3187
RGB
rgb(127, 49, 135)
HSL
hsl(294, 47%, 36%)
HSB
hsb(294, 64%, 53%)
CMYK
cmyk(6%, 64%, 0%, 47%)
Oklch
oklch(45.9% 0.154 323.9)

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

#8296D9

Azure · CornflowerBlue · Cobalt Blue

HEX
#8296D9
RGB
rgb(130, 150, 217)
HSL
hsl(226, 53%, 68%)
HSB
hsb(226, 40%, 85%)
CMYK
cmyk(40%, 31%, 0%, 15%)
Oklch
oklch(68.4% 0.102 270.8)

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

#6AD9CA

Jade · MediumAquaMarine · Lake Green

HEX
#6AD9CA
RGB
rgb(106, 217, 202)
HSL
hsl(172, 59%, 63%)
HSB
hsb(172, 51%, 85%)
CMYK
cmyk(51%, 0%, 7%, 15%)
Oklch
oklch(81.6% 0.105 183.8)

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

#8CFFBC

Emerald · LightGreen · Apple Green

HEX
#8CFFBC
RGB
rgb(140, 255, 188)
HSL
hsl(145, 100%, 77%)
HSB
hsb(145, 45%, 100%)
CMYK
cmyk(45%, 0%, 26%, 0%)
Oklch
oklch(91.4% 0.141 156.6)

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

#FCFFB0

Fresh Green · Bisque · Lemon Cream

HEX
#FCFFB0
RGB
rgb(252, 255, 176)
HSL
hsl(62, 100%, 85%)
HSB
hsb(62, 31%, 100%)
CMYK
cmyk(1%, 0%, 31%, 0%)
Oklch
oklch(98.0% 0.099 109.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F3187
398731

Analogous

533187
7F3187
873164

Triadic

7F3187
877E31
31877E

Split-Comp.

7F3187
648731
318753

Tetradic

7F3187
875331
398731
316487

Contrast Matrix WCAG 2.1 Contrast

7F3187
8296D9
6AD9CA
8CFFBC
FCFFB0
—
2.7
Fail
4.6
AA
6.4
AA
7.5
AAA
2.7
Fail
—
1.7
Fail
2.3
Fail
2.7
Fail
4.6
AA
1.7
Fail
—
1.4
Fail
1.6
Fail
6.4
AA
2.3
Fail
1.4
Fail
—
1.2
Fail
7.5
AAA
2.7
Fail
1.6
Fail
1.2
Fail
—
White BG
7.8AAA
2.9Fail
1.7Fail
1.2Fail
1.0Fail
Black BG
2.7Fail
7.3AAA
12.4AAA
17.1AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D72
8B8BC9
9A9BCE
BEBFCC
FDFDC3

Deuteranopia

62686D
8A88C5
948BCE
B7AFD0
FDFDC8

Tritanopia

7B625E
83BCB9
70D0D1
92D9DC
FCD2D6

Achromatopsia

525252
989898
B6B6B6
D5D5D5
F5F5F5

Shades & Tints Shades & Tints

#7F3187

Dark
Light

#8296D9

Dark
Light

#6AD9CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f3187;
  --color-2: #8296d9;
  --color-3: #6ad9ca;
  --color-4: #8cffbc;
  --color-5: #fcffb0;
}

SCSS

$color-1: #7f3187;
$color-2: #8296d9;
$color-3: #6ad9ca;
$color-4: #8cffbc;
$color-5: #fcffb0;

TAILWIND

colors: {
  'brand-1': '#7f3187',
  'brand-2': '#8296d9',
  'brand-3': '#6ad9ca',
  'brand-4': '#8cffbc',
  'brand-5': '#fcffb0',
}

RGB Array

[127, 49, 135], [130, 150, 217], [106, 217, 202], [140, 255, 188], [252, 255, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F3187, #8296D9, #6AD9CA, #8CFFBC, #FCFFB0 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #7f3187; --color-2: #8296d9; --color-3: #6ad9ca; --color-4: #8cffbc; --color-5: #fcffb0. 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. 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 general-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