← Back to Editor

#424C70 · #FF1490 · #FF8992 · #FFAE99 · #FAD07E

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

#424C70

Indigo · DarkSlateBlue · Prussian Blue

HEX
#424C70
RGB
rgb(66, 76, 112)
HSL
hsl(227, 26%, 35%)
HSB
hsb(227, 41%, 44%)
CMYK
cmyk(41%, 32%, 0%, 56%)
Oklch
oklch(42.4% 0.061 271.7)

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

#FF1490

Rose Purple · DeepPink · Rose Pink

HEX
#FF1490
RGB
rgb(255, 20, 144)
HSL
hsl(328, 100%, 54%)
HSB
hsb(328, 92%, 100%)
CMYK
cmyk(0%, 92%, 44%, 0%)
Oklch
oklch(65.4% 0.260 357.9)

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

#FF8992

Peach Pink · LightCoral · Coral Red

HEX
#FF8992
RGB
rgb(255, 137, 146)
HSL
hsl(355, 100%, 77%)
HSB
hsb(355, 46%, 100%)
CMYK
cmyk(0%, 46%, 43%, 0%)
Oklch
oklch(76.2% 0.143 16.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFAE99

Peach Pink · LightSalmon · Coral Red

HEX
#FFAE99
RGB
rgb(255, 174, 153)
HSL
hsl(12, 100%, 80%)
HSB
hsb(12, 40%, 100%)
CMYK
cmyk(0%, 32%, 40%, 0%)
Oklch
oklch(82.4% 0.100 35.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FAD07E

Goose Yellow · Khaki · Sunflower

HEX
#FAD07E
RGB
rgb(250, 208, 126)
HSL
hsl(40, 93%, 74%)
HSB
hsb(40, 50%, 98%)
CMYK
cmyk(0%, 17%, 50%, 2%)
Oklch
oklch(87.7% 0.111 83.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

424C70
706642

Analogous

426370
424C70
4F4270

Triadic

424C70
70424C
4C7042

Split-Comp.

424C70
704F42
637042

Tetradic

424C70
704263
706642
42704F

Contrast Matrix WCAG 2.1 Contrast

424C70
FF1490
FF8992
FFAE99
FAD07E
—
2.3
Fail
3.7
AA Large
4.7
AA
5.8
AA
2.3
Fail
—
1.6
Fail
2.0
Fail
2.5
Fail
3.7
AA Large
1.6
Fail
—
1.3
Fail
1.6
Fail
4.7
AA
2.0
Fail
1.3
Fail
—
1.2
Fail
5.8
AA
2.5
Fail
1.6
Fail
1.2
Fail
—
White BG
8.4AAA
3.6AA Large
2.3Fail
1.8Fail
1.5Fail
Black BG
2.5Fail
5.8AA
9.2AAA
11.8AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464667
999772
CCCB90
DCDB9E
E8E792

Deuteranopia

464565
A7B96B
D3DC8F
E1E79F
EAED97

Tritanopia

43605F
F35A55
F98E8E
FBA2A3
F8A2A5

Achromatopsia

4D4D4D
686868
ADADAD
C4C4C4
D3D3D3

Shades & Tints Shades & Tints

#424C70

Dark
Light

#FF1490

Dark
Light

#FF8992

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #424c70;
  --color-2: #ff1490;
  --color-3: #ff8992;
  --color-4: #ffae99;
  --color-5: #fad07e;
}

SCSS

$color-1: #424c70;
$color-2: #ff1490;
$color-3: #ff8992;
$color-4: #ffae99;
$color-5: #fad07e;

TAILWIND

colors: {
  'brand-1': '#424c70',
  'brand-2': '#ff1490',
  'brand-3': '#ff8992',
  'brand-4': '#ffae99',
  'brand-5': '#fad07e',
}

RGB Array

[66, 76, 112], [255, 20, 144], [255, 137, 146], [255, 174, 153], [250, 208, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #424C70, #FF1490, #FF8992, #FFAE99, #FAD07E 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: #424c70; --color-2: #ff1490; --color-3: #ff8992; --color-4: #ffae99; --color-5: #fad07e. 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