← Back to Editor

#6AABA8 · #EDE3B9 · #BDB326 · #3D206B · #D44802

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

#6AABA8

Mineral Blue · CadetBlue · Lake Green

HEX
#6AABA8
RGB
rgb(106, 171, 168)
HSL
hsl(177, 28%, 54%)
HSB
hsb(177, 38%, 67%)
CMYK
cmyk(38%, 0%, 2%, 33%)
Oklch
oklch(69.7% 0.067 192.0)

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

#EDE3B9

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE3B9
RGB
rgb(237, 227, 185)
HSL
hsl(48, 59%, 83%)
HSB
hsb(48, 22%, 93%)
CMYK
cmyk(0%, 4%, 22%, 7%)
Oklch
oklch(91.3% 0.056 96.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BDB326

Autumn Sage · GoldenRod · Honey Gold

HEX
#BDB326
RGB
rgb(189, 179, 38)
HSL
hsl(56, 67%, 45%)
HSB
hsb(56, 80%, 74%)
CMYK
cmyk(0%, 5%, 80%, 26%)
Oklch
oklch(75.2% 0.150 105.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#3D206B

Deep Indigo · MidnightBlue · Eggplant

HEX
#3D206B
RGB
rgb(61, 32, 107)
HSL
hsl(263, 54%, 27%)
HSB
hsb(263, 70%, 42%)
CMYK
cmyk(43%, 70%, 0%, 58%)
Oklch
oklch(32.8% 0.124 296.7)

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

#D44802

Tangerine · OrangeRed · Amber Brown

HEX
#D44802
RGB
rgb(212, 72, 2)
HSL
hsl(20, 98%, 42%)
HSB
hsb(20, 99%, 83%)
CMYK
cmyk(0%, 66%, 99%, 17%)
Oklch
oklch(59.1% 0.187 39.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6AABA8
AB696C

Analogous

69AB86
6AABA8
698DAB

Triadic

6AABA8
A769AB
ABA769

Split-Comp.

6AABA8
AB698D
AB8669

Tetradic

6AABA8
8669AB
AB696C
8DAB69

Contrast Matrix WCAG 2.1 Contrast

6AABA8
EDE3B9
BDB326
3D206B
D44802
—
2.0
Fail
1.2
Fail
4.9
AA
1.7
Fail
2.0
Fail
—
1.7
Fail
10.1
AAA
3.4
AA Large
1.2
Fail
1.7
Fail
—
6.0
AA
2.0
Fail
4.9
AA
10.1
AAA
6.0
AA
—
2.9
Fail
1.7
Fail
3.4
AA Large
2.0
Fail
2.9
Fail
—
White BG
2.6Fail
1.3Fail
2.2Fail
13.0AAA
4.4AA Large
Black BG
8.0AAA
16.3AAA
9.6AAA
1.6Fail
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8687A9
E9E9C3
B9B948
303059
979613

Deuteranopia

827DA9
E9EAC6
B9BA50
323454
A0AA17

Tritanopia

6DA9A9
ECCBCD
BC6369
3C4B47
CD2023

Achromatopsia

979797
E1E1E1
A6A6A6
313131
6A6A6A

Shades & Tints Shades & Tints

#6AABA8

Dark
Light

#EDE3B9

Dark
Light

#BDB326

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6aaba8;
  --color-2: #ede3b9;
  --color-3: #bdb326;
  --color-4: #3d206b;
  --color-5: #d44802;
}

SCSS

$color-1: #6aaba8;
$color-2: #ede3b9;
$color-3: #bdb326;
$color-4: #3d206b;
$color-5: #d44802;

TAILWIND

colors: {
  'brand-1': '#6aaba8',
  'brand-2': '#ede3b9',
  'brand-3': '#bdb326',
  'brand-4': '#3d206b',
  'brand-5': '#d44802',
}

RGB Array

[106, 171, 168], [237, 227, 185], [189, 179, 38], [61, 32, 107], [212, 72, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6AABA8, #EDE3B9, #BDB326, #3D206B, #D44802 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: #6aaba8; --color-2: #ede3b9; --color-3: #bdb326; --color-4: #3d206b; --color-5: #d44802. 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