← Back to Editor

#610829 · #D41F1F · #E89621 · #F5D52C · #D8F530

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#610829

Dark Violet · Maroon · Raspberry

HEX
#610829
RGB
rgb(97, 8, 41)
HSL
hsl(338, 85%, 21%)
HSB
hsb(338, 92%, 38%)
CMYK
cmyk(0%, 92%, 58%, 62%)
Oklch
oklch(32.2% 0.121 6.7)

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

#D41F1F

Vermilion · Crimson · Passion Red

HEX
#D41F1F
RGB
rgb(212, 31, 31)
HSL
hsl(0, 74%, 48%)
HSB
hsb(0, 85%, 83%)
CMYK
cmyk(0%, 85%, 85%, 17%)
Oklch
oklch(55.8% 0.213 27.7)

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

#E89621

Ginger · GoldenRod · Warm Sun

HEX
#E89621
RGB
rgb(232, 150, 33)
HSL
hsl(35, 81%, 52%)
HSB
hsb(35, 86%, 91%)
CMYK
cmyk(0%, 35%, 86%, 9%)
Oklch
oklch(73.9% 0.153 68.8)

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

#F5D52C

Autumn Sage · Gold · Sunflower

HEX
#F5D52C
RGB
rgb(245, 213, 44)
HSL
hsl(50, 91%, 57%)
HSB
hsb(50, 82%, 96%)
CMYK
cmyk(0%, 13%, 82%, 4%)
Oklch
oklch(87.4% 0.171 97.4)

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

#D8F530

Autumn Sage · GreenYellow · Sunflower

HEX
#D8F530
RGB
rgb(216, 245, 48)
HSL
hsl(69, 91%, 57%)
HSB
hsb(69, 80%, 96%)
CMYK
cmyk(12%, 0%, 80%, 4%)
Oklch
oklch(91.8% 0.203 118.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

610829
086342

Analogous

630857
610829
631408

Triadic

610829
296308
082963

Split-Comp.

610829
086314
085763

Tetradic

610829
576308
086342
140863

Contrast Matrix WCAG 2.1 Contrast

610829
D41F1F
E89621
F5D52C
D8F530
—
2.5
Fail
5.6
AA
9.2
AAA
10.8
AAA
2.5
Fail
—
2.2
Fail
3.6
AA Large
4.2
AA Large
5.6
AA
2.2
Fail
—
1.6
Fail
1.9
Fail
9.2
AAA
3.6
AA Large
1.6
Fail
—
1.2
Fail
10.8
AAA
4.2
AA Large
1.9
Fail
1.2
Fail
—
White BG
13.3AAA
5.2AA
2.4Fail
1.5Fail
1.2Fail
Black BG
1.6Fail
4.0AA Large
8.8AAA
14.4AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A21
86841F
C4C43D
E7E755
E5E560

Deuteranopia

40461F
909E1F
C9CF44
E9EB5F
E3E16B

Tritanopia

5D1B19
CB1F1F
E45459
F3757C
D9858E

Achromatopsia

262626
555555
A1A1A1
CBCBCB
D6D6D6

Shades & Tints Shades & Tints

#610829

Dark
Light

#D41F1F

Dark
Light

#E89621

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #610829;
  --color-2: #d41f1f;
  --color-3: #e89621;
  --color-4: #f5d52c;
  --color-5: #d8f530;
}

SCSS

$color-1: #610829;
$color-2: #d41f1f;
$color-3: #e89621;
$color-4: #f5d52c;
$color-5: #d8f530;

TAILWIND

colors: {
  'brand-1': '#610829',
  'brand-2': '#d41f1f',
  'brand-3': '#e89621',
  'brand-4': '#f5d52c',
  'brand-5': '#d8f530',
}

RGB Array

[97, 8, 41], [212, 31, 31], [232, 150, 33], [245, 213, 44], [216, 245, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #610829, #D41F1F, #E89621, #F5D52C, #D8F530 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #610829; --color-2: #d41f1f; --color-3: #e89621; --color-4: #f5d52c; --color-5: #d8f530. 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. 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