← Back to Editor

#6A0C62 · #D3EA34 · #A0D12A · #3DB7AE · #B9C1DA

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 AppData Visualization

Color Details Color Details

#6A0C62

Rose Purple · Purple · Eggplant

HEX
#6A0C62
RGB
rgb(106, 12, 98)
HSL
hsl(305, 80%, 23%)
HSB
hsb(305, 89%, 42%)
CMYK
cmyk(0%, 89%, 8%, 58%)
Oklch
oklch(36.9% 0.155 332.3)

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

#D3EA34

Autumn Sage · GreenYellow · Sunflower

HEX
#D3EA34
RGB
rgb(211, 234, 52)
HSL
hsl(68, 81%, 56%)
HSB
hsb(68, 78%, 92%)
CMYK
cmyk(10%, 0%, 78%, 8%)
Oklch
oklch(89.0% 0.192 117.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A0D12A

Grass Green · GreenYellow · Olive Green

HEX
#A0D12A
RGB
rgb(160, 209, 42)
HSL
hsl(78, 67%, 49%)
HSB
hsb(78, 80%, 82%)
CMYK
cmyk(23%, 0%, 80%, 18%)
Oklch
oklch(79.8% 0.189 125.5)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#3DB7AE

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3DB7AE
RGB
rgb(61, 183, 174)
HSL
hsl(176, 50%, 48%)
HSB
hsb(176, 67%, 72%)
CMYK
cmyk(67%, 0%, 5%, 28%)
Oklch
oklch(71.1% 0.107 188.0)

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

#B9C1DA

Azure · LightSteelBlue · Cobalt Blue

HEX
#B9C1DA
RGB
rgb(185, 193, 218)
HSL
hsl(225, 31%, 79%)
HSB
hsb(225, 15%, 85%)
CMYK
cmyk(15%, 11%, 0%, 15%)
Oklch
oklch(81.3% 0.036 271.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A0C62
0C6A14

Analogous

420C6A
6A0C62
6A0C33

Triadic

6A0C62
626A0C
0C626A

Split-Comp.

6A0C62
336A0C
0C6A42

Tetradic

6A0C62
6A420C
0C6A14
0C336A

Contrast Matrix WCAG 2.1 Contrast

6A0C62
D3EA34
A0D12A
3DB7AE
B9C1DA
—
8.5
AAA
6.3
AA
4.7
AA
6.4
AA
8.5
AAA
—
1.3
Fail
1.8
Fail
1.3
Fail
6.3
AA
1.3
Fail
—
1.4
Fail
1.0
Fail
4.7
AA
1.8
Fail
1.4
Fail
—
1.4
Fail
6.4
AA
1.3
Fail
1.0
Fail
1.4
Fail
—
White BG
11.4AAA
1.3Fail
1.8Fail
2.4Fail
1.8Fail
Black BG
1.8Fail
15.6AAA
11.6AAA
8.6AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

41404D
DDDD60
B5B652
7273B0
BCBDD4

Deuteranopia

474E48
DCDA6B
B2AF5C
6B62B1
BCBBD3

Tritanopia

653D39
D4838A
A27279
43B2B2
B9CFCE

Achromatopsia

323232
CECECE
AFAFAF
919191
C1C1C1

Shades & Tints Shades & Tints

#6A0C62

Dark
Light

#D3EA34

Dark
Light

#A0D12A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a0c62;
  --color-2: #d3ea34;
  --color-3: #a0d12a;
  --color-4: #3db7ae;
  --color-5: #b9c1da;
}

SCSS

$color-1: #6a0c62;
$color-2: #d3ea34;
$color-3: #a0d12a;
$color-4: #3db7ae;
$color-5: #b9c1da;

TAILWIND

colors: {
  'brand-1': '#6a0c62',
  'brand-2': '#d3ea34',
  'brand-3': '#a0d12a',
  'brand-4': '#3db7ae',
  'brand-5': '#b9c1da',
}

RGB Array

[106, 12, 98], [211, 234, 52], [160, 209, 42], [61, 183, 174], [185, 193, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A0C62, #D3EA34, #A0D12A, #3DB7AE, #B9C1DA is ideal for: social media posters, mobile apps, e-commerce promos, 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: #6a0c62; --color-2: #d3ea34; --color-3: #a0d12a; --color-4: #3db7ae; --color-5: #b9c1da. 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. 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