← Back to Editor

#D90033 · #E6683E · #E6A82E · #E6D222 · #A0EB00

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

#D90033

Vermilion · Crimson · Passion Red

HEX
#D90033
RGB
rgb(217, 0, 51)
HSL
hsl(346, 100%, 43%)
HSB
hsb(346, 100%, 85%)
CMYK
cmyk(0%, 100%, 76%, 15%)
Oklch
oklch(55.9% 0.225 21.4)

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

#E6683E

Tangerine · Tomato · Warm Sun

HEX
#E6683E
RGB
rgb(230, 104, 62)
HSL
hsl(15, 77%, 57%)
HSB
hsb(15, 73%, 90%)
CMYK
cmyk(0%, 55%, 73%, 10%)
Oklch
oklch(66.4% 0.167 38.6)

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

#E6A82E

Ginger · GoldenRod · Sunflower

HEX
#E6A82E
RGB
rgb(230, 168, 46)
HSL
hsl(40, 79%, 54%)
HSB
hsb(40, 80%, 90%)
CMYK
cmyk(0%, 27%, 80%, 10%)
Oklch
oklch(77.1% 0.147 79.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E6D222

Autumn Sage · Gold · Sunflower

HEX
#E6D222
RGB
rgb(230, 210, 34)
HSL
hsl(54, 80%, 52%)
HSB
hsb(54, 85%, 90%)
CMYK
cmyk(0%, 9%, 85%, 10%)
Oklch
oklch(85.4% 0.173 102.1)

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

#A0EB00

Grass Green · Chartreuse · Olive Green

HEX
#A0EB00
RGB
rgb(160, 235, 0)
HSL
hsl(79, 100%, 46%)
HSB
hsb(79, 100%, 92%)
CMYK
cmyk(32%, 0%, 100%, 8%)
Oklch
oklch(85.8% 0.228 129.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D90033
00DBA8

Analogous

DB00A1
D90033
DB3A00

Triadic

D90033
33DB00
0033DB

Split-Comp.

D90033
00DB3A
00A1DB

Tetradic

D90033
A1DB00
00DBA8
3A00DB

Contrast Matrix WCAG 2.1 Contrast

D90033
E6683E
E6A82E
E6D222
A0EB00
—
1.6
Fail
2.5
Fail
3.4
AA Large
3.6
AA Large
1.6
Fail
—
1.6
Fail
2.1
Fail
2.2
Fail
2.5
Fail
1.6
Fail
—
1.4
Fail
1.4
Fail
3.4
AA Large
2.1
Fail
1.4
Fail
—
1.1
Fail
3.6
AA Large
2.2
Fail
1.4
Fail
1.1
Fail
—
White BG
5.3AA
3.3AA Large
2.1Fail
1.5Fail
1.5Fail
Black BG
4.0AA Large
6.4AA
10.0AAA
13.6AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7927
AFAE48
CBCB4C
DDDD4D
C0C139

Deuteranopia

889824
B7C04B
CFD353
DFE057
BCB747

Tritanopia

CE1D1B
E05052
E36368
E56E76
A46670

Achromatopsia

474747
898989
ADADAD
C4C4C4
BABABA

Shades & Tints Shades & Tints

#D90033

Dark
Light

#E6683E

Dark
Light

#E6A82E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d90033;
  --color-2: #e6683e;
  --color-3: #e6a82e;
  --color-4: #e6d222;
  --color-5: #a0eb00;
}

SCSS

$color-1: #d90033;
$color-2: #e6683e;
$color-3: #e6a82e;
$color-4: #e6d222;
$color-5: #a0eb00;

TAILWIND

colors: {
  'brand-1': '#d90033',
  'brand-2': '#e6683e',
  'brand-3': '#e6a82e',
  'brand-4': '#e6d222',
  'brand-5': '#a0eb00',
}

RGB Array

[217, 0, 51], [230, 104, 62], [230, 168, 46], [230, 210, 34], [160, 235, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D90033, #E6683E, #E6A82E, #E6D222, #A0EB00 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: #d90033; --color-2: #e6683e; --color-3: #e6a82e; --color-4: #e6d222; --color-5: #a0eb00. 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