← Back to Editor

#1E0120 · #2A0829 · #C9371E · #9E9D11 · #10D2E5

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

#1E0120

Royal Purple · Black · Dark Purple

HEX
#1E0120
RGB
rgb(30, 1, 32)
HSL
hsl(296, 94%, 6%)
HSB
hsb(296, 97%, 13%)
CMYK
cmyk(6%, 97%, 0%, 87%)
Oklch
oklch(16.9% 0.074 325.6)

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

#2A0829

Rose Purple · Black · Dark Purple

HEX
#2A0829
RGB
rgb(42, 8, 41)
HSL
hsl(302, 68%, 10%)
HSB
hsb(302, 81%, 16%)
CMYK
cmyk(0%, 81%, 2%, 84%)
Oklch
oklch(21.2% 0.074 329.0)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#C9371E

Vermilion · FireBrick · Passion Red

HEX
#C9371E
RGB
rgb(201, 55, 30)
HSL
hsl(9, 74%, 45%)
HSB
hsb(9, 85%, 79%)
CMYK
cmyk(0%, 73%, 85%, 21%)
Oklch
oklch(55.6% 0.187 32.2)

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

#9E9D11

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9E9D11
RGB
rgb(158, 157, 17)
HSL
hsl(60, 81%, 34%)
HSB
hsb(60, 89%, 62%)
CMYK
cmyk(0%, 1%, 89%, 38%)
Oklch
oklch(67.5% 0.143 109.2)

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

#10D2E5

Lake Blue · DarkTurquoise · Mint Ice

HEX
#10D2E5
RGB
rgb(16, 210, 229)
HSL
hsl(185, 87%, 48%)
HSB
hsb(185, 93%, 90%)
CMYK
cmyk(93%, 8%, 0%, 10%)
Oklch
oklch(79.0% 0.134 206.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E0120
031E01

Analogous

0D011E
1E0120
1E0111

Triadic

1E0120
1E1C01
011E1C

Split-Comp.

1E0120
111E01
011E0D

Tetradic

1E0120
1E0D01
031E01
01111E

Contrast Matrix WCAG 2.1 Contrast

1E0120
2A0829
C9371E
9E9D11
10D2E5
—
1.1
Fail
3.7
AA Large
6.7
AA
10.5
AAA
1.1
Fail
—
3.5
AA Large
6.3
AA
9.8
AAA
3.7
AA Large
3.5
AA Large
—
1.8
Fail
2.8
Fail
6.7
AA
6.3
AA
1.8
Fail
—
1.6
Fail
10.5
AAA
9.8
AAA
2.8
Fail
1.6
Fail
—
White BG
19.4AAA
18.0AAA
5.2AA
2.9Fail
1.8Fail
Black BG
1.1Fail
1.2Fail
4.0AA Large
7.3AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111118
1B1B21
8A8824
9E9E33
6466E0

Deuteranopia

131517
1D201F
929D26
9E9E3B
594ADF

Tritanopia

1D1311
281B19
C2292A
9E4E54
1ADDDC

Achromatopsia

0D0D0D
161616
606060
8D8D8D
9A9A9A

Shades & Tints Shades & Tints

#1E0120

Dark
Light

#2A0829

Dark
Light

#C9371E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e0120;
  --color-2: #2a0829;
  --color-3: #c9371e;
  --color-4: #9e9d11;
  --color-5: #10d2e5;
}

SCSS

$color-1: #1e0120;
$color-2: #2a0829;
$color-3: #c9371e;
$color-4: #9e9d11;
$color-5: #10d2e5;

TAILWIND

colors: {
  'brand-1': '#1e0120',
  'brand-2': '#2a0829',
  'brand-3': '#c9371e',
  'brand-4': '#9e9d11',
  'brand-5': '#10d2e5',
}

RGB Array

[30, 1, 32], [42, 8, 41], [201, 55, 30], [158, 157, 17], [16, 210, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E0120, #2A0829, #C9371E, #9E9D11, #10D2E5 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #1e0120; --color-2: #2a0829; --color-3: #c9371e; --color-4: #9e9d11; --color-5: #10d2e5. 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. 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