← Back to Editor

#991D9F · #D93045 · #DB7918 · #99AD18 · #12B065

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 App

Color Details Color Details

#991D9F

Royal Purple · DarkMagenta · Eggplant

HEX
#991D9F
RGB
rgb(153, 29, 159)
HSL
hsl(297, 69%, 37%)
HSB
hsb(297, 82%, 62%)
CMYK
cmyk(4%, 82%, 0%, 38%)
Oklch
oklch(49.4% 0.209 326.0)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#D93045

Vermilion · Crimson · Passion Red

HEX
#D93045
RGB
rgb(217, 48, 69)
HSL
hsl(353, 69%, 52%)
HSB
hsb(353, 78%, 85%)
CMYK
cmyk(0%, 78%, 68%, 15%)
Oklch
oklch(58.2% 0.203 20.2)

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

#DB7918

Ochre · Chocolate · Amber Brown

HEX
#DB7918
RGB
rgb(219, 121, 24)
HSL
hsl(30, 80%, 48%)
HSB
hsb(30, 89%, 86%)
CMYK
cmyk(0%, 45%, 89%, 14%)
Oklch
oklch(67.2% 0.155 57.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#99AD18

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99AD18
RGB
rgb(153, 173, 24)
HSL
hsl(68, 76%, 39%)
HSB
hsb(68, 86%, 68%)
CMYK
cmyk(12%, 0%, 86%, 32%)
Oklch
oklch(70.8% 0.159 117.9)

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

#12B065

Mineral Blue · MediumSeaGreen · Forest Green

HEX
#12B065
RGB
rgb(18, 176, 101)
HSL
hsl(152, 81%, 38%)
HSB
hsb(152, 90%, 69%)
CMYK
cmyk(90%, 0%, 43%, 31%)
Oklch
oklch(66.6% 0.162 154.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

991D9F
249F1D

Analogous

581D9F
991D9F
9F1D65

Triadic

991D9F
9F991D
1D9F99

Split-Comp.

991D9F
659F1D
1D9F58

Tetradic

991D9F
9F581D
249F1D
1D659F

Contrast Matrix WCAG 2.1 Contrast

991D9F
D93045
DB7918
99AD18
12B065
—
1.5
Fail
2.2
Fail
2.8
Fail
2.4
Fail
1.5
Fail
—
1.5
Fail
1.9
Fail
1.7
Fail
2.2
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
2.8
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
2.4
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
White BG
6.9AA
4.7AA
3.1AA Large
2.5Fail
2.8Fail
Black BG
3.0AA Large
4.5AA Large
6.8AA
8.3AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

636280
908E40
B1B02F
A2A23C
565877

Deuteranopia

6B7478
9AA63F
B6BE35
A19F45
4D417B

Tritanopia

936761
D13C3B
D64246
9A595F
1A8589

Achromatopsia

515151
656565
8B8B8B
969696
787878

Shades & Tints Shades & Tints

#991D9F

Dark
Light

#D93045

Dark
Light

#DB7918

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #991d9f;
  --color-2: #d93045;
  --color-3: #db7918;
  --color-4: #99ad18;
  --color-5: #12b065;
}

SCSS

$color-1: #991d9f;
$color-2: #d93045;
$color-3: #db7918;
$color-4: #99ad18;
$color-5: #12b065;

TAILWIND

colors: {
  'brand-1': '#991d9f',
  'brand-2': '#d93045',
  'brand-3': '#db7918',
  'brand-4': '#99ad18',
  'brand-5': '#12b065',
}

RGB Array

[153, 29, 159], [217, 48, 69], [219, 121, 24], [153, 173, 24], [18, 176, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #991D9F, #D93045, #DB7918, #99AD18, #12B065 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: #991d9f; --color-2: #d93045; --color-3: #db7918; --color-4: #99ad18; --color-5: #12b065. 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