← Back to Editor

#25AE90 · #574A7F · #A73E83 · #FA2215 · #E13C1C

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

#25AE90

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#25AE90
RGB
rgb(37, 174, 144)
HSL
hsl(167, 65%, 41%)
HSB
hsb(167, 79%, 68%)
CMYK
cmyk(79%, 0%, 17%, 32%)
Oklch
oklch(67.4% 0.120 173.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#574A7F

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#574A7F
RGB
rgb(87, 74, 127)
HSL
hsl(255, 26%, 39%)
HSB
hsb(255, 42%, 50%)
CMYK
cmyk(31%, 42%, 0%, 50%)
Oklch
oklch(44.6% 0.086 293.9)

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

#A73E83

Rose Purple · MediumVioletRed · Camellia

HEX
#A73E83
RGB
rgb(167, 62, 131)
HSL
hsl(321, 46%, 45%)
HSB
hsb(321, 63%, 65%)
CMYK
cmyk(0%, 63%, 22%, 35%)
Oklch
oklch(53.1% 0.158 343.5)

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

#FA2215

Vermilion · Red · Passion Red

HEX
#FA2215
RGB
rgb(250, 34, 21)
HSL
hsl(3, 96%, 53%)
HSB
hsb(3, 92%, 98%)
CMYK
cmyk(0%, 86%, 92%, 2%)
Oklch
oklch(62.9% 0.244 29.5)

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

#E13C1C

Vermilion · OrangeRed · Passion Red

HEX
#E13C1C
RGB
rgb(225, 60, 28)
HSL
hsl(10, 78%, 50%)
HSB
hsb(10, 88%, 88%)
CMYK
cmyk(0%, 73%, 88%, 12%)
Oklch
oklch(60.2% 0.206 32.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25AE90
AD2542

Analogous

25AD4B
25AE90
2586AD

Triadic

25AE90
8F25AD
AD8F25

Split-Comp.

25AE90
AD2586
AD4B25

Tetradic

25AE90
4B25AD
AD2542
86AD25

Contrast Matrix WCAG 2.1 Contrast

25AE90
574A7F
A73E83
FA2215
E13C1C
—
2.8
Fail
2.1
Fail
1.4
Fail
1.5
Fail
2.8
Fail
—
1.4
Fail
2.0
Fail
1.8
Fail
2.1
Fail
1.4
Fail
—
1.4
Fail
1.3
Fail
1.4
Fail
2.0
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
White BG
2.8Fail
7.8AAA
5.7AA
4.0AA Large
4.3AA Large
Black BG
7.5AAA
2.7Fail
3.7AA Large
5.3AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

606297
515172
7A7972
9C9B18
9A9824

Deuteranopia

584E99
52536F
80886E
A9B919
A3B026

Tritanopia

2C9D9E
566866
A26562
EF1B1B
D92A2B

Achromatopsia

828282
545454
656565
616161
6A6A6A

Shades & Tints Shades & Tints

#25AE90

Dark
Light

#574A7F

Dark
Light

#A73E83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25ae90;
  --color-2: #574a7f;
  --color-3: #a73e83;
  --color-4: #fa2215;
  --color-5: #e13c1c;
}

SCSS

$color-1: #25ae90;
$color-2: #574a7f;
$color-3: #a73e83;
$color-4: #fa2215;
$color-5: #e13c1c;

TAILWIND

colors: {
  'brand-1': '#25ae90',
  'brand-2': '#574a7f',
  'brand-3': '#a73e83',
  'brand-4': '#fa2215',
  'brand-5': '#e13c1c',
}

RGB Array

[37, 174, 144], [87, 74, 127], [167, 62, 131], [250, 34, 21], [225, 60, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #25AE90, #574A7F, #A73E83, #FA2215, #E13C1C 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: #25ae90; --color-2: #574a7f; --color-3: #a73e83; --color-4: #fa2215; --color-5: #e13c1c. 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 general-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