← Back to Editor

#BA0B2A · #D23548 · #E84D5D · #E3C15F · #2373A6

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

#BA0B2A

Vermilion · FireBrick · Wine Red

HEX
#BA0B2A
RGB
rgb(186, 11, 42)
HSL
hsl(349, 89%, 39%)
HSB
hsb(349, 94%, 73%)
CMYK
cmyk(0%, 94%, 77%, 27%)
Oklch
oklch(50.1% 0.197 22.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#D23548

Vermilion · Crimson · Passion Red

HEX
#D23548
RGB
rgb(210, 53, 72)
HSL
hsl(353, 64%, 52%)
HSB
hsb(353, 75%, 82%)
CMYK
cmyk(0%, 75%, 66%, 18%)
Oklch
oklch(57.5% 0.192 19.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E84D5D

Peach Pink · Tomato · Coral Red

HEX
#E84D5D
RGB
rgb(232, 77, 93)
HSL
hsl(354, 77%, 61%)
HSB
hsb(354, 67%, 91%)
CMYK
cmyk(0%, 67%, 60%, 9%)
Oklch
oklch(63.8% 0.190 18.5)

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

#E3C15F

Ginger · SandyBrown · Sunflower

HEX
#E3C15F
RGB
rgb(227, 193, 95)
HSL
hsl(45, 70%, 63%)
HSB
hsb(45, 58%, 89%)
CMYK
cmyk(0%, 15%, 58%, 11%)
Oklch
oklch(82.1% 0.123 90.4)

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

#2373A6

Lake Blue · SteelBlue · Prussian Blue

HEX
#2373A6
RGB
rgb(35, 115, 166)
HSL
hsl(203, 65%, 39%)
HSB
hsb(203, 79%, 65%)
CMYK
cmyk(79%, 31%, 0%, 35%)
Oklch
oklch(53.3% 0.110 241.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA0B2A
0BBC9C

Analogous

BC0B84
BA0B2A
BC430B

Triadic

BA0B2A
2BBC0B
0B2BBC

Split-Comp.

BA0B2A
0BBC43
0B84BC

Tetradic

BA0B2A
84BC0B
0BBC9C
430BBC

Contrast Matrix WCAG 2.1 Contrast

BA0B2A
D23548
E84D5D
E3C15F
2373A6
—
1.4
Fail
1.8
Fail
3.8
AA Large
1.3
Fail
1.4
Fail
—
1.3
Fail
2.8
Fail
1.1
Fail
1.8
Fail
1.3
Fail
—
2.1
Fail
1.4
Fail
3.8
AA Large
2.8
Fail
2.1
Fail
—
3.0
Fail
1.3
Fail
1.1
Fail
1.4
Fail
3.0
Fail
—
White BG
6.6AA
4.8AA
3.7AA Large
1.7Fail
5.2AA
Black BG
3.2AA Large
4.3AA Large
5.7AA
12.1AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6D22
8E8D43
A5A359
D4D477
46469A

Deuteranopia

788621
97A342
AEB958
D6D97C
413B97

Tritanopia

B11D1B
CA403F
E05655
E1898E
27908E

Achromatopsia

434343
666666
7D7D7D
C0C0C0
616161

Shades & Tints Shades & Tints

#BA0B2A

Dark
Light

#D23548

Dark
Light

#E84D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba0b2a;
  --color-2: #d23548;
  --color-3: #e84d5d;
  --color-4: #e3c15f;
  --color-5: #2373a6;
}

SCSS

$color-1: #ba0b2a;
$color-2: #d23548;
$color-3: #e84d5d;
$color-4: #e3c15f;
$color-5: #2373a6;

TAILWIND

colors: {
  'brand-1': '#ba0b2a',
  'brand-2': '#d23548',
  'brand-3': '#e84d5d',
  'brand-4': '#e3c15f',
  'brand-5': '#2373a6',
}

RGB Array

[186, 11, 42], [210, 53, 72], [232, 77, 93], [227, 193, 95], [35, 115, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #BA0B2A, #D23548, #E84D5D, #E3C15F, #2373A6 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ba0b2a; --color-2: #d23548; --color-3: #e84d5d; --color-4: #e3c15f; --color-5: #2373a6. 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. 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