← Back to Editor

#5F4863 · #630909 · #C70909 · #F96D09 · #F9D109

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

#5F4863

Dark Plum · DimGray · Eggplant

HEX
#5F4863
RGB
rgb(95, 72, 99)
HSL
hsl(291, 16%, 34%)
HSB
hsb(291, 27%, 39%)
CMYK
cmyk(4%, 27%, 0%, 61%)
Oklch
oklch(43.6% 0.052 321.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#630909

Vermilion · Maroon · Wine Red

HEX
#630909
RGB
rgb(99, 9, 9)
HSL
hsl(0, 83%, 21%)
HSB
hsb(0, 91%, 39%)
CMYK
cmyk(0%, 91%, 91%, 61%)
Oklch
oklch(32.1% 0.122 27.6)

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

#C70909

Vermilion · FireBrick · Passion Red

HEX
#C70909
RGB
rgb(199, 9, 9)
HSL
hsl(0, 91%, 41%)
HSB
hsb(0, 95%, 78%)
CMYK
cmyk(0%, 95%, 95%, 22%)
Oklch
oklch(52.4% 0.211 28.9)

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

#F96D09

Tangerine · OrangeRed · Warm Sun

HEX
#F96D09
RGB
rgb(249, 109, 9)
HSL
hsl(25, 95%, 51%)
HSB
hsb(25, 96%, 98%)
CMYK
cmyk(0%, 56%, 96%, 2%)
Oklch
oklch(69.6% 0.193 46.3)

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

#F9D109

Autumn Sage · Gold · Sunflower

HEX
#F9D109
RGB
rgb(249, 209, 9)
HSL
hsl(50, 95%, 51%)
HSB
hsb(50, 96%, 98%)
CMYK
cmyk(0%, 16%, 96%, 2%)
Oklch
oklch(86.9% 0.177 94.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F4863
4D6549

Analogous

534965
5F4863
65495B

Triadic

5F4863
656049
496560

Split-Comp.

5F4863
5B6549
496553

Tetradic

5F4863
655349
4D6549
495B65

Contrast Matrix WCAG 2.1 Contrast

5F4863
630909
C70909
F96D09
F9D109
—
1.6
Fail
1.3
Fail
2.8
Fail
5.5
AA
1.6
Fail
—
2.2
Fail
4.6
AA
9.0
AAA
1.3
Fail
2.2
Fail
—
2.1
Fail
4.1
AA Large
2.8
Fail
4.6
AA
2.1
Fail
—
2.0
Fail
5.5
AA
9.0
AAA
4.1
AA Large
2.0
Fail
—
White BG
8.1AAA
13.3AAA
6.0AA
2.9Fail
1.5Fail
Black BG
2.6Fail
1.6Fail
3.5AA Large
7.2AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55555C
3C3B09
757309
BCBB21
E8E739

Deuteranopia

56585B
414809
808E09
C5CF27
EAED45

Tritanopia

5E5756
5F0909
BD0909
F23439
F76068

Achromatopsia

525252
242424
424242
8B8B8B
C6C6C6

Shades & Tints Shades & Tints

#5F4863

Dark
Light

#630909

Dark
Light

#C70909

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f4863;
  --color-2: #630909;
  --color-3: #c70909;
  --color-4: #f96d09;
  --color-5: #f9d109;
}

SCSS

$color-1: #5f4863;
$color-2: #630909;
$color-3: #c70909;
$color-4: #f96d09;
$color-5: #f9d109;

TAILWIND

colors: {
  'brand-1': '#5f4863',
  'brand-2': '#630909',
  'brand-3': '#c70909',
  'brand-4': '#f96d09',
  'brand-5': '#f9d109',
}

RGB Array

[95, 72, 99], [99, 9, 9], [199, 9, 9], [249, 109, 9], [249, 209, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5F4863, #630909, #C70909, #F96D09, #F9D109 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #5f4863; --color-2: #630909; --color-3: #c70909; --color-4: #f96d09; --color-5: #f9d109. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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