← Back to Editor

#6C4B90 · #6287B8 · #76D7C2 · #BCF57C · #F8F55E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6C4B90

Deep Indigo · DarkSlateBlue · Violet

HEX
#6C4B90
RGB
rgb(108, 75, 144)
HSL
hsl(269, 32%, 43%)
HSB
hsb(269, 48%, 56%)
CMYK
cmyk(25%, 48%, 0%, 44%)
Oklch
oklch(47.9% 0.112 304.6)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#6287B8

Azure · SteelBlue · Navy Blue

HEX
#6287B8
RGB
rgb(98, 135, 184)
HSL
hsl(214, 38%, 55%)
HSB
hsb(214, 47%, 72%)
CMYK
cmyk(47%, 27%, 0%, 28%)
Oklch
oklch(61.6% 0.086 255.7)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#76D7C2

Jade · MediumAquaMarine · Lake Green

HEX
#76D7C2
RGB
rgb(118, 215, 194)
HSL
hsl(167, 55%, 65%)
HSB
hsb(167, 45%, 84%)
CMYK
cmyk(45%, 0%, 10%, 16%)
Oklch
oklch(81.4% 0.097 178.0)

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

#BCF57C

Willow Green · LightGreen · Apple Green

HEX
#BCF57C
RGB
rgb(188, 245, 124)
HSL
hsl(88, 86%, 72%)
HSB
hsb(88, 49%, 96%)
CMYK
cmyk(23%, 0%, 49%, 4%)
Oklch
oklch(90.5% 0.162 129.9)

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

#F8F55E

Fresh Green · Khaki · Sunflower

HEX
#F8F55E
RGB
rgb(248, 245, 94)
HSL
hsl(59, 92%, 67%)
HSB
hsb(59, 62%, 97%)
CMYK
cmyk(0%, 1%, 62%, 3%)
Oklch
oklch(94.5% 0.169 108.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C4B90
6F914B

Analogous

4B4C91
6C4B90
904B91

Triadic

6C4B90
916C4B
4B916C

Split-Comp.

6C4B90
91904B
4C914B

Tetradic

6C4B90
914B4C
6F914B
4B9190

Contrast Matrix WCAG 2.1 Contrast

6C4B90
6287B8
76D7C2
BCF57C
F8F55E
—
1.9
Fail
4.0
AA Large
5.4
AA
6.0
AA
1.9
Fail
—
2.2
Fail
2.9
Fail
3.2
AA Large
4.0
AA Large
2.2
Fail
—
1.3
Fail
1.5
Fail
5.4
AA
2.9
Fail
1.3
Fail
—
1.1
Fail
6.0
AA
3.2
AA Large
1.5
Fail
1.1
Fail
—
White BG
6.9AA
3.7AA Large
1.7Fail
1.3Fail
1.2Fail
Black BG
3.0AA Large
5.7AA
12.3AAA
16.5AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5D7F
7272AC
A0A1C7
D5D599
F7F783

Deuteranopia

60627B
706DA9
9A93C8
D1CDA0
F7F78B

Tritanopia

6A726F
64A3A1
7BCBCC
BFB0B5
F89FA6

Achromatopsia

5D5D5D
828282
B8B8B8
D6D6D6
E5E5E5

Shades & Tints Shades & Tints

#6C4B90

Dark
Light

#6287B8

Dark
Light

#76D7C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c4b90;
  --color-2: #6287b8;
  --color-3: #76d7c2;
  --color-4: #bcf57c;
  --color-5: #f8f55e;
}

SCSS

$color-1: #6c4b90;
$color-2: #6287b8;
$color-3: #76d7c2;
$color-4: #bcf57c;
$color-5: #f8f55e;

TAILWIND

colors: {
  'brand-1': '#6c4b90',
  'brand-2': '#6287b8',
  'brand-3': '#76d7c2',
  'brand-4': '#bcf57c',
  'brand-5': '#f8f55e',
}

RGB Array

[108, 75, 144], [98, 135, 184], [118, 215, 194], [188, 245, 124], [248, 245, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C4B90, #6287B8, #76D7C2, #BCF57C, #F8F55E is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #6c4b90; --color-2: #6287b8; --color-3: #76d7c2; --color-4: #bcf57c; --color-5: #f8f55e. 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 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