← Back to Editor

#420943 · #51445F · #FF1279 · #8C8A16 · #D9CE9E

spring

A 5-color spring 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

#420943

Royal Purple · MidnightBlue · Dark Purple

HEX
#420943
RGB
rgb(66, 9, 67)
HSL
hsl(299, 76%, 15%)
HSB
hsb(299, 87%, 26%)
CMYK
cmyk(1%, 87%, 0%, 74%)
Oklch
oklch(27.5% 0.112 327.3)

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

#51445F

Deep Indigo · DarkSlateGray · Eggplant

HEX
#51445F
RGB
rgb(81, 68, 95)
HSL
hsl(269, 17%, 32%)
HSB
hsb(269, 28%, 37%)
CMYK
cmyk(15%, 28%, 0%, 63%)
Oklch
oklch(41.1% 0.047 306.4)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#FF1279

Dark Violet · DeepPink · Rose Pink

HEX
#FF1279
RGB
rgb(255, 18, 121)
HSL
hsl(334, 100%, 54%)
HSB
hsb(334, 93%, 100%)
CMYK
cmyk(0%, 93%, 53%, 0%)
Oklch
oklch(64.7% 0.255 5.1)

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

#8C8A16

Autumn Sage · Olive · Honey Gold

HEX
#8C8A16
RGB
rgb(140, 138, 22)
HSL
hsl(59, 73%, 32%)
HSB
hsb(59, 84%, 55%)
CMYK
cmyk(0%, 1%, 84%, 45%)
Oklch
oklch(61.6% 0.127 108.5)

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

#D9CE9E

Goose Yellow · BurlyWood · Sunflower

HEX
#D9CE9E
RGB
rgb(217, 206, 158)
HSL
hsl(49, 44%, 74%)
HSB
hsb(49, 27%, 85%)
CMYK
cmyk(0%, 5%, 27%, 15%)
Oklch
oklch(84.9% 0.064 96.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

420943
0A4309

Analogous

250943
420943
430927

Triadic

420943
434209
094342

Split-Comp.

420943
274309
094325

Tetradic

420943
432509
0A4309
092743

Contrast Matrix WCAG 2.1 Contrast

420943
51445F
FF1279
8C8A16
D9CE9E
—
1.7
Fail
4.2
AA Large
4.3
AA Large
9.8
AAA
1.7
Fail
—
2.4
Fail
2.5
Fail
5.7
AA
4.2
AA Large
2.4
Fail
—
1.0
Fail
2.4
Fail
4.3
AA Large
2.5
Fail
1.0
Fail
—
2.3
Fail
9.8
AAA
5.7
AA
2.4
Fail
2.3
Fail
—
White BG
15.5AAA
9.0AAA
3.7AA Large
3.6AA Large
1.6Fail
Black BG
1.4Fail
2.3Fail
5.6AA
5.8AA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292935
4B4B58
989660
8B8B32
D4D4AA

Deuteranopia

2D3132
4C4D57
A6B85A
8B8B39
D5D6AC

Tritanopia

3F2A27
505352
F34C48
8C484D
D8B3B5

Achromatopsia

212121
4B4B4B
656565
7D7D7D
CCCCCC

Shades & Tints Shades & Tints

#420943

Dark
Light

#51445F

Dark
Light

#FF1279

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #420943;
  --color-2: #51445f;
  --color-3: #ff1279;
  --color-4: #8c8a16;
  --color-5: #d9ce9e;
}

SCSS

$color-1: #420943;
$color-2: #51445f;
$color-3: #ff1279;
$color-4: #8c8a16;
$color-5: #d9ce9e;

TAILWIND

colors: {
  'brand-1': '#420943',
  'brand-2': '#51445f',
  'brand-3': '#ff1279',
  'brand-4': '#8c8a16',
  'brand-5': '#d9ce9e',
}

RGB Array

[66, 9, 67], [81, 68, 95], [255, 18, 121], [140, 138, 22], [217, 206, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #420943, #51445F, #FF1279, #8C8A16, #D9CE9E is ideal for: social media posters, mobile apps, e-commerce promos, 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: #420943; --color-2: #51445f; --color-3: #ff1279; --color-4: #8c8a16; --color-5: #d9ce9e. 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. 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 spring-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