← Back to Editor

#4E164A · #D10161 · #F7D269 · #E6EAAF · #CACF37

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

#4E164A

Rose Purple · DarkSlateGray · Dark Purple

HEX
#4E164A
RGB
rgb(78, 22, 74)
HSL
hsl(304, 56%, 20%)
HSB
hsb(304, 72%, 31%)
CMYK
cmyk(0%, 72%, 5%, 69%)
Oklch
oklch(31.4% 0.108 330.8)

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

#D10161

Dark Violet · MediumVioletRed · Camellia

HEX
#D10161
RGB
rgb(209, 1, 97)
HSL
hsl(332, 99%, 41%)
HSB
hsb(332, 100%, 82%)
CMYK
cmyk(0%, 100%, 54%, 18%)
Oklch
oklch(55.4% 0.222 5.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F7D269

Ginger · Khaki · Sunflower

HEX
#F7D269
RGB
rgb(247, 210, 105)
HSL
hsl(44, 90%, 69%)
HSB
hsb(44, 57%, 97%)
CMYK
cmyk(0%, 15%, 57%, 3%)
Oklch
oklch(87.5% 0.130 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E6EAAF

Fresh Green · Wheat · Lemon Cream

HEX
#E6EAAF
RGB
rgb(230, 234, 175)
HSL
hsl(64, 58%, 80%)
HSB
hsb(64, 25%, 92%)
CMYK
cmyk(2%, 0%, 25%, 8%)
Oklch
oklch(92.0% 0.076 111.0)

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

#CACF37

Autumn Sage · GoldenRod · Sunflower

HEX
#CACF37
RGB
rgb(202, 207, 55)
HSL
hsl(62, 61%, 51%)
HSB
hsb(62, 73%, 81%)
CMYK
cmyk(2%, 0%, 73%, 19%)
Oklch
oklch(82.5% 0.165 111.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E164A
16501A

Analogous

371650
4E164A
50162F

Triadic

4E164A
4C5016
164C50

Split-Comp.

4E164A
2F5016
165037

Tetradic

4E164A
503716
16501A
162F50

Contrast Matrix WCAG 2.1 Contrast

4E164A
D10161
F7D269
E6EAAF
CACF37
—
2.5
Fail
9.4
AAA
10.9
AAA
8.1
AAA
2.5
Fail
—
3.7
AA Large
4.3
AA Large
3.2
AA Large
9.4
AAA
3.7
AA Large
—
1.2
Fail
1.2
Fail
10.9
AAA
4.3
AA Large
1.2
Fail
—
1.3
Fail
8.1
AAA
3.2
AA Large
1.2
Fail
1.3
Fail
—
White BG
13.7AAA
5.4AA
1.5Fail
1.3Fail
1.7Fail
Black BG
1.5Fail
3.9AA Large
14.4AAA
16.8AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

36353D
77754A
E7E782
E8E8BD
CCCC5C

Deuteranopia

393D3A
839344
E9EC89
E8E7C1
CCCB65

Tritanopia

4B3331
C73733
F5969B
E6C9CB
CA797F

Achromatopsia

2D2D2D
4A4A4A
D1D1D1
E2E2E2
BCBCBC

Shades & Tints Shades & Tints

#4E164A

Dark
Light

#D10161

Dark
Light

#F7D269

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e164a;
  --color-2: #d10161;
  --color-3: #f7d269;
  --color-4: #e6eaaf;
  --color-5: #cacf37;
}

SCSS

$color-1: #4e164a;
$color-2: #d10161;
$color-3: #f7d269;
$color-4: #e6eaaf;
$color-5: #cacf37;

TAILWIND

colors: {
  'brand-1': '#4e164a',
  'brand-2': '#d10161',
  'brand-3': '#f7d269',
  'brand-4': '#e6eaaf',
  'brand-5': '#cacf37',
}

RGB Array

[78, 22, 74], [209, 1, 97], [247, 210, 105], [230, 234, 175], [202, 207, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #4E164A, #D10161, #F7D269, #E6EAAF, #CACF37 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: #4e164a; --color-2: #d10161; --color-3: #f7d269; --color-4: #e6eaaf; --color-5: #cacf37. 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