← Back to Editor

#6B9186 · #E4E19A · #E2B045 · #F44A33 · #710834

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

#6B9186

Mineral Blue · SlateGray · Mint Ice

HEX
#6B9186
RGB
rgb(107, 145, 134)
HSL
hsl(163, 15%, 49%)
HSB
hsb(163, 26%, 57%)
CMYK
cmyk(26%, 0%, 8%, 43%)
Oklch
oklch(62.5% 0.045 175.0)

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

#E4E19A

Fresh Green · Khaki · Sunflower

HEX
#E4E19A
RGB
rgb(228, 225, 154)
HSL
hsl(58, 58%, 75%)
HSB
hsb(58, 32%, 89%)
CMYK
cmyk(0%, 1%, 32%, 11%)
Oklch
oklch(89.6% 0.091 106.0)

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

#E2B045

Ginger · SandyBrown · Sunflower

HEX
#E2B045
RGB
rgb(226, 176, 69)
HSL
hsl(41, 73%, 58%)
HSB
hsb(41, 69%, 89%)
CMYK
cmyk(0%, 22%, 69%, 11%)
Oklch
oklch(78.4% 0.134 83.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F44A33

Vermilion · Tomato · Passion Red

HEX
#F44A33
RGB
rgb(244, 74, 51)
HSL
hsl(7, 90%, 58%)
HSB
hsb(7, 79%, 96%)
CMYK
cmyk(0%, 70%, 79%, 4%)
Oklch
oklch(64.9% 0.210 31.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#710834

Dark Violet · Maroon · Raspberry

HEX
#710834
RGB
rgb(113, 8, 52)
HSL
hsl(335, 87%, 24%)
HSB
hsb(335, 93%, 44%)
CMYK
cmyk(0%, 93%, 54%, 56%)
Oklch
oklch(35.8% 0.137 4.2)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B9186
906A75

Analogous

6A9072
6B9186
6A8890

Triadic

6B9186
856A90
90856A

Split-Comp.

6B9186
906A88
90726A

Tetradic

6B9186
726A90
906A75
88906A

Contrast Matrix WCAG 2.1 Contrast

6B9186
E4E19A
E2B045
F44A33
710834
—
2.6
Fail
1.7
Fail
1.0
Fail
3.4
AA Large
2.6
Fail
—
1.5
Fail
2.6
Fail
8.7
AAA
1.7
Fail
1.5
Fail
—
1.8
Fail
5.9
AA
1.0
Fail
2.6
Fail
1.8
Fail
—
3.3
AA Large
3.4
AA Large
8.7
AAA
5.9
AA
3.3
AA Large
—
White BG
3.5AA Large
1.4Fail
2.0Fail
3.6AA Large
11.8AAA
Black BG
6.0AA
15.5AAA
10.5AAA
5.9AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7C89
E3E3AB
CCCC5F
AAA939
444329

Deuteranopia

797689
E3E3AF
CFD365
B4C13A
4A5227

Tritanopia

6D8B8B
E4B9BC
E07378
EB3D3E
6C211F

Achromatopsia

848484
DADADA
B3B3B3
7A7A7A
2C2C2C

Shades & Tints Shades & Tints

#6B9186

Dark
Light

#E4E19A

Dark
Light

#E2B045

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b9186;
  --color-2: #e4e19a;
  --color-3: #e2b045;
  --color-4: #f44a33;
  --color-5: #710834;
}

SCSS

$color-1: #6b9186;
$color-2: #e4e19a;
$color-3: #e2b045;
$color-4: #f44a33;
$color-5: #710834;

TAILWIND

colors: {
  'brand-1': '#6b9186',
  'brand-2': '#e4e19a',
  'brand-3': '#e2b045',
  'brand-4': '#f44a33',
  'brand-5': '#710834',
}

RGB Array

[107, 145, 134], [228, 225, 154], [226, 176, 69], [244, 74, 51], [113, 8, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B9186, #E4E19A, #E2B045, #F44A33, #710834 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: #6b9186; --color-2: #e4e19a; --color-3: #e2b045; --color-4: #f44a33; --color-5: #710834. 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