← Back to Editor

#E5986A · #622143 · #C45F87 · #F1A9BF · #FCFDD5

spring

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

#E5986A

Apricot · DarkSalmon · Warm Sun

HEX
#E5986A
RGB
rgb(229, 152, 106)
HSL
hsl(22, 70%, 66%)
HSB
hsb(22, 54%, 90%)
CMYK
cmyk(0%, 34%, 54%, 10%)
Oklch
oklch(74.7% 0.111 51.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#622143

Rose Purple · DarkSlateGray · Camellia

HEX
#622143
RGB
rgb(98, 33, 67)
HSL
hsl(329, 50%, 26%)
HSB
hsb(329, 66%, 38%)
CMYK
cmyk(0%, 66%, 32%, 62%)
Oklch
oklch(35.8% 0.102 351.0)

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

#C45F87

Dark Violet · LightCoral · Rose Pink

HEX
#C45F87
RGB
rgb(196, 95, 135)
HSL
hsl(336, 46%, 57%)
HSB
hsb(336, 52%, 77%)
CMYK
cmyk(0%, 52%, 31%, 23%)
Oklch
oklch(61.8% 0.136 356.8)

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

#F1A9BF

Rouge · LightPink · Cherry Blossom

HEX
#F1A9BF
RGB
rgb(241, 169, 191)
HSL
hsl(342, 72%, 80%)
HSB
hsb(342, 30%, 95%)
CMYK
cmyk(0%, 30%, 21%, 5%)
Oklch
oklch(81.0% 0.089 359.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FCFDD5

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFDD5
RGB
rgb(252, 253, 213)
HSL
hsl(61, 91%, 91%)
HSB
hsb(61, 16%, 99%)
CMYK
cmyk(0%, 0%, 16%, 1%)
Oklch
oklch(98.3% 0.052 108.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5986A
6CB8E5

Analogous

E56C7C
E5986A
E5D56C

Triadic

E5986A
6CE598
986CE5

Split-Comp.

E5986A
6CE5D5
6C7CE5

Tetradic

E5986A
7CE56C
6CB8E5
D56CE5

Contrast Matrix WCAG 2.1 Contrast

E5986A
622143
C45F87
F1A9BF
FCFDD5
—
5.0
AA
1.7
Fail
1.2
Fail
2.2
Fail
5.0
AA
—
2.9
Fail
6.1
AA
11.1
AAA
1.7
Fail
2.9
Fail
—
2.1
Fail
3.8
AA Large
1.2
Fail
6.1
AA
2.1
Fail
—
1.8
Fail
2.2
Fail
11.1
AAA
3.8
AA Large
1.8
Fail
—
White BG
2.3Fail
11.6AAA
3.9AA Large
1.9Fail
1.0Fail
Black BG
9.0AAA
1.8Fail
5.3AA
11.2AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C375
46453B
98977D
D2D1BA
FCFCDF

Deuteranopia

C8CE78
4A4F39
9EA67B
D6DBB8
FCFCE1

Tritanopia

E17E80
5F3433
BF7674
EDB5B5
FCE6E8

Achromatopsia

AAAAAA
383838
828282
C1C1C1
F8F8F8

Shades & Tints Shades & Tints

#E5986A

Dark
Light

#622143

Dark
Light

#C45F87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5986a;
  --color-2: #622143;
  --color-3: #c45f87;
  --color-4: #f1a9bf;
  --color-5: #fcfdd5;
}

SCSS

$color-1: #e5986a;
$color-2: #622143;
$color-3: #c45f87;
$color-4: #f1a9bf;
$color-5: #fcfdd5;

TAILWIND

colors: {
  'brand-1': '#e5986a',
  'brand-2': '#622143',
  'brand-3': '#c45f87',
  'brand-4': '#f1a9bf',
  'brand-5': '#fcfdd5',
}

RGB Array

[229, 152, 106], [98, 33, 67], [196, 95, 135], [241, 169, 191], [252, 253, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #E5986A, #622143, #C45F87, #F1A9BF, #FCFDD5 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: #e5986a; --color-2: #622143; --color-3: #c45f87; --color-4: #f1a9bf; --color-5: #fcfdd5. 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