← Back to Editor

#04223D · #084A86 · #460887 · #850887 · #874608

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 App

Color Details Color Details

#04223D

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#04223D
RGB
rgb(4, 34, 61)
HSL
hsl(208, 88%, 13%)
HSB
hsb(208, 93%, 24%)
CMYK
cmyk(93%, 44%, 0%, 76%)
Oklch
oklch(24.7% 0.062 249.5)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#084A86

Lake Blue · Teal · Prussian Blue

HEX
#084A86
RGB
rgb(8, 74, 134)
HSL
hsl(209, 89%, 28%)
HSB
hsb(209, 94%, 53%)
CMYK
cmyk(94%, 45%, 0%, 47%)
Oklch
oklch(40.7% 0.117 252.3)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#460887

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#460887
RGB
rgb(70, 8, 135)
HSL
hsl(269, 89%, 28%)
HSB
hsb(269, 94%, 53%)
CMYK
cmyk(48%, 94%, 0%, 47%)
Oklch
oklch(34.2% 0.179 296.5)

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

#850887

Royal Purple · DarkMagenta · Eggplant

HEX
#850887
RGB
rgb(133, 8, 135)
HSL
hsl(299, 89%, 28%)
HSB
hsb(299, 94%, 53%)
CMYK
cmyk(1%, 94%, 0%, 47%)
Oklch
oklch(43.7% 0.196 327.5)

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

#874608

Tangerine · Sienna · Amber Brown

HEX
#874608
RGB
rgb(135, 70, 8)
HSL
hsl(29, 89%, 28%)
HSB
hsb(29, 94%, 53%)
CMYK
cmyk(0%, 48%, 94%, 47%)
Oklch
oklch(46.6% 0.110 55.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04223D
3E1F04

Analogous

043E3C
04223D
04063E

Triadic

04223D
3E0423
233E04

Split-Comp.

04223D
3E0406
3E3C04

Tetradic

04223D
3C043E
3E1F04
063E04

Contrast Matrix WCAG 2.1 Contrast

04223D
084A86
460887
850887
874608
—
1.8
Fail
1.3
Fail
1.8
Fail
2.2
Fail
1.8
Fail
—
1.4
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.8
Fail
1.0
Fail
1.4
Fail
—
1.2
Fail
2.2
Fail
1.2
Fail
1.8
Fail
1.2
Fail
—
White BG
16.1AAA
9.0AAA
12.8AAA
8.8AAA
7.2AAA
Black BG
1.3Fail
2.3Fail
1.6Fail
2.4Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

111136
252577
2B2B68
4F4E68
6B6A17

Deuteranopia

0F0D35
211C74
2F3361
566061
6F741B

Tritanopia

063130
0B6C6A
43504B
7F504B
842325

Achromatopsia

1C1C1C
3D3D3D
292929
3C3C3C
525252

Shades & Tints Shades & Tints

#04223D

Dark
Light

#084A86

Dark
Light

#460887

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04223d;
  --color-2: #084a86;
  --color-3: #460887;
  --color-4: #850887;
  --color-5: #874608;
}

SCSS

$color-1: #04223d;
$color-2: #084a86;
$color-3: #460887;
$color-4: #850887;
$color-5: #874608;

TAILWIND

colors: {
  'brand-1': '#04223d',
  'brand-2': '#084a86',
  'brand-3': '#460887',
  'brand-4': '#850887',
  'brand-5': '#874608',
}

RGB Array

[4, 34, 61], [8, 74, 134], [70, 8, 135], [133, 8, 135], [135, 70, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #04223D, #084A86, #460887, #850887, #874608 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #04223d; --color-2: #084a86; --color-3: #460887; --color-4: #850887; --color-5: #874608. 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. 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