← Back to Editor

#E6BB77 · #FF6338 · #E60049 · #2B000E · #70A196

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

#E6BB77

Ginger · BurlyWood · Warm Sun

HEX
#E6BB77
RGB
rgb(230, 187, 119)
HSL
hsl(37, 69%, 68%)
HSB
hsb(37, 48%, 90%)
CMYK
cmyk(0%, 19%, 48%, 10%)
Oklch
oklch(81.5% 0.099 78.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FF6338

Peach Pink · Tomato · Coral Red

HEX
#FF6338
RGB
rgb(255, 99, 56)
HSL
hsl(13, 100%, 61%)
HSB
hsb(13, 78%, 100%)
CMYK
cmyk(0%, 61%, 78%, 0%)
Oklch
oklch(69.5% 0.199 36.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E60049

Dark Violet · Crimson · Camellia

HEX
#E60049
RGB
rgb(230, 0, 73)
HSL
hsl(341, 100%, 45%)
HSB
hsb(341, 100%, 90%)
CMYK
cmyk(0%, 100%, 68%, 10%)
Oklch
oklch(58.7% 0.235 16.3)

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

#2B000E

Dark Violet · Black · Raspberry

HEX
#2B000E
RGB
rgb(43, 0, 14)
HSL
hsl(340, 100%, 8%)
HSB
hsb(340, 100%, 17%)
CMYK
cmyk(0%, 100%, 67%, 83%)
Oklch
oklch(18.6% 0.075 5.5)

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

#70A196

Mineral Blue · CadetBlue · Lake Green

HEX
#70A196
RGB
rgb(112, 161, 150)
HSL
hsl(167, 21%, 54%)
HSB
hsb(167, 30%, 63%)
CMYK
cmyk(30%, 0%, 7%, 37%)
Oklch
oklch(67.1% 0.055 179.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6BB77
75A0E6

Analogous

E68275
E6BB77
D9E675

Triadic

E6BB77
75E6BB
BB75E6

Split-Comp.

E6BB77
75D9E6
8275E6

Tetradic

E6BB77
75E682
75A0E6
E675D9

Contrast Matrix WCAG 2.1 Contrast

E6BB77
FF6338
E60049
2B000E
70A196
—
1.7
Fail
2.6
Fail
10.6
AAA
1.6
Fail
1.7
Fail
—
1.6
Fail
6.4
AA
1.0
Fail
2.6
Fail
1.6
Fail
—
4.0
AA Large
1.6
Fail
10.6
AAA
6.4
AA
4.0
AA Large
—
6.5
AA
1.6
Fail
1.0
Fail
1.6
Fail
6.5
AA
—
White BG
1.8Fail
3.0Fail
4.7AA
18.9AAA
2.9Fail
Black BG
11.7AAA
7.1AAA
4.5AA Large
1.1Fail
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D387
BBBA42
828037
18180B
858699

Deuteranopia

D6D98B
C5D045
90A133
1B1E0A
827F99

Tritanopia

E49497
F74B4C
DB2926
290807
729B9B

Achromatopsia

C0C0C0
8D8D8D
4D4D4D
0E0E0E
919191

Shades & Tints Shades & Tints

#E6BB77

Dark
Light

#FF6338

Dark
Light

#E60049

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6bb77;
  --color-2: #ff6338;
  --color-3: #e60049;
  --color-4: #2b000e;
  --color-5: #70a196;
}

SCSS

$color-1: #e6bb77;
$color-2: #ff6338;
$color-3: #e60049;
$color-4: #2b000e;
$color-5: #70a196;

TAILWIND

colors: {
  'brand-1': '#e6bb77',
  'brand-2': '#ff6338',
  'brand-3': '#e60049',
  'brand-4': '#2b000e',
  'brand-5': '#70a196',
}

RGB Array

[230, 187, 119], [255, 99, 56], [230, 0, 73], [43, 0, 14], [112, 161, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6BB77, #FF6338, #E60049, #2B000E, #70A196 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: #e6bb77; --color-2: #ff6338; --color-3: #e60049; --color-4: #2b000e; --color-5: #70a196. 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