← Back to Editor

#5E5BA6 · #EBF222 · #D9CC1E · #402719 · #F26938

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

#5E5BA6

Deep Indigo · SlateBlue · Navy Blue

HEX
#5E5BA6
RGB
rgb(94, 91, 166)
HSL
hsl(242, 30%, 50%)
HSB
hsb(242, 45%, 65%)
CMYK
cmyk(43%, 45%, 0%, 35%)
Oklch
oklch(51.0% 0.117 283.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#EBF222

Autumn Sage · Yellow · Sunflower

HEX
#EBF222
RGB
rgb(235, 242, 34)
HSL
hsl(62, 89%, 54%)
HSB
hsb(62, 86%, 95%)
CMYK
cmyk(3%, 0%, 86%, 5%)
Oklch
oklch(92.5% 0.199 111.9)

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

#D9CC1E

Autumn Sage · GoldenRod · Honey Gold

HEX
#D9CC1E
RGB
rgb(217, 204, 30)
HSL
hsl(56, 76%, 48%)
HSB
hsb(56, 86%, 85%)
CMYK
cmyk(0%, 6%, 86%, 15%)
Oklch
oklch(83.0% 0.170 104.7)

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

#402719

Tangerine · DarkSlateGray · Cinnamon

HEX
#402719
RGB
rgb(64, 39, 25)
HSL
hsl(22, 44%, 17%)
HSB
hsb(22, 61%, 25%)
CMYK
cmyk(0%, 39%, 61%, 75%)
Oklch
oklch(30.0% 0.045 49.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#F26938

Tangerine · Tomato · Warm Sun

HEX
#F26938
RGB
rgb(242, 105, 56)
HSL
hsl(16, 88%, 58%)
HSB
hsb(16, 77%, 95%)
CMYK
cmyk(0%, 57%, 77%, 5%)
Oklch
oklch(68.3% 0.180 39.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E5BA6
A3A659

Analogous

597DA6
5E5BA6
8259A6

Triadic

5E5BA6
A65C59
59A65C

Split-Comp.

5E5BA6
A68259
7DA659

Tetradic

5E5BA6
A6597D
A3A659
59A682

Contrast Matrix WCAG 2.1 Contrast

5E5BA6
EBF222
D9CC1E
402719
F26938
—
4.9
AA
3.6
AA Large
2.3
Fail
1.9
Fail
4.9
AA
—
1.4
Fail
11.3
AAA
2.5
Fail
3.6
AA Large
1.4
Fail
—
8.3
AAA
1.8
Fail
2.3
Fail
11.3
AAA
8.3
AAA
—
4.5
AA
1.9
Fail
2.5
Fail
1.8
Fail
4.5
AA
—
White BG
6.0AA
1.2Fail
1.7Fail
13.8AAA
3.1AA Large
Black BG
3.5AA Large
17.3AAA
12.6AAA
1.5Fail
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D94
EEEE54
D3D348
35351C
B7B544

Deuteranopia

5D5D90
EEED60
D4D552
37391D
BFC947

Tritanopia

5E8682
EB7C85
D86971
3F1F20
EB4D4F

Achromatopsia

646464
D8D8D8
BCBCBC
2D2D2D
8C8C8C

Shades & Tints Shades & Tints

#5E5BA6

Dark
Light

#EBF222

Dark
Light

#D9CC1E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e5ba6;
  --color-2: #ebf222;
  --color-3: #d9cc1e;
  --color-4: #402719;
  --color-5: #f26938;
}

SCSS

$color-1: #5e5ba6;
$color-2: #ebf222;
$color-3: #d9cc1e;
$color-4: #402719;
$color-5: #f26938;

TAILWIND

colors: {
  'brand-1': '#5e5ba6',
  'brand-2': '#ebf222',
  'brand-3': '#d9cc1e',
  'brand-4': '#402719',
  'brand-5': '#f26938',
}

RGB Array

[94, 91, 166], [235, 242, 34], [217, 204, 30], [64, 39, 25], [242, 105, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E5BA6, #EBF222, #D9CC1E, #402719, #F26938 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: #5e5ba6; --color-2: #ebf222; --color-3: #d9cc1e; --color-4: #402719; --color-5: #f26938. 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