← Back to Editor

#21032B · #FF3499 · #DFBE39 · #FFE237 · #1D0208

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#21032B

Royal Purple · Black · Dark Purple

HEX
#21032B
RGB
rgb(33, 3, 43)
HSL
hsl(285, 87%, 9%)
HSB
hsb(285, 93%, 17%)
CMYK
cmyk(23%, 93%, 0%, 83%)
Oklch
oklch(18.9% 0.082 316.4)

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

#FF3499

Dark Violet · DeepPink · Rose Pink

HEX
#FF3499
RGB
rgb(255, 52, 153)
HSL
hsl(330, 100%, 60%)
HSB
hsb(330, 80%, 100%)
CMYK
cmyk(0%, 80%, 40%, 0%)
Oklch
oklch(67.1% 0.245 356.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#DFBE39

Ginger · GoldenRod · Sunflower

HEX
#DFBE39
RGB
rgb(223, 190, 57)
HSL
hsl(48, 72%, 55%)
HSB
hsb(48, 74%, 87%)
CMYK
cmyk(0%, 15%, 74%, 13%)
Oklch
oklch(80.8% 0.148 94.5)

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

#FFE237

Fresh Green · Gold · Sunflower

HEX
#FFE237
RGB
rgb(255, 226, 55)
HSL
hsl(51, 100%, 61%)
HSB
hsb(51, 78%, 100%)
CMYK
cmyk(0%, 11%, 78%, 0%)
Oklch
oklch(91.0% 0.175 98.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#1D0208

Vermilion · Black · Deep Berry

HEX
#1D0208
RGB
rgb(29, 2, 8)
HSL
hsl(347, 87%, 6%)
HSB
hsb(347, 93%, 11%)
CMYK
cmyk(0%, 93%, 72%, 89%)
Oklch
oklch(15.4% 0.053 7.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

21032B
0D2B03

Analogous

0D032B
21032B
2B0321

Triadic

21032B
2B2103
032B21

Split-Comp.

21032B
212B03
032B0D

Tetradic

21032B
2B0D03
0D2B03
03212B

Contrast Matrix WCAG 2.1 Contrast

21032B
FF3499
DFBE39
FFE237
1D0208
—
5.6
AA
10.4
AAA
14.5
AAA
1.0
Fail
5.6
AA
—
1.9
Fail
2.6
Fail
5.8
AA
10.4
AAA
1.9
Fail
—
1.4
Fail
10.9
AAA
14.5
AAA
2.6
Fail
1.4
Fail
—
15.2
AAA
1.0
Fail
5.8
AA
10.9
AAA
15.2
AAA
—
White BG
18.9AAA
3.4AA Large
1.8Fail
1.3Fail
19.7AAA
Black BG
1.1Fail
6.2AA
11.6AAA
16.2AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

141421
A7A581
D1D059
F2F260
111107

Deuteranopia

16181F
B3C27B
D3D561
F4F66A
131506

Tritanopia

1F1A18
F56D69
DD7378
FE8188
1C0505

Achromatopsia

111111
7C7C7C
B9B9B9
D7D7D7
0B0B0B

Shades & Tints Shades & Tints

#21032B

Dark
Light

#FF3499

Dark
Light

#DFBE39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #21032b;
  --color-2: #ff3499;
  --color-3: #dfbe39;
  --color-4: #ffe237;
  --color-5: #1d0208;
}

SCSS

$color-1: #21032b;
$color-2: #ff3499;
$color-3: #dfbe39;
$color-4: #ffe237;
$color-5: #1d0208;

TAILWIND

colors: {
  'brand-1': '#21032b',
  'brand-2': '#ff3499',
  'brand-3': '#dfbe39',
  'brand-4': '#ffe237',
  'brand-5': '#1d0208',
}

RGB Array

[33, 3, 43], [255, 52, 153], [223, 190, 57], [255, 226, 55], [29, 2, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #21032B, #FF3499, #DFBE39, #FFE237, #1D0208 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: #21032b; --color-2: #ff3499; --color-3: #dfbe39; --color-4: #ffe237; --color-5: #1d0208. 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 space-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