← Back to Editor

#251025 · #AA1F48 · #EB601A · #F1A451 · #EDE498

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

#251025

Rose Purple · Black · Dark Purple

HEX
#251025
RGB
rgb(37, 16, 37)
HSL
hsl(300, 40%, 10%)
HSB
hsb(300, 57%, 15%)
CMYK
cmyk(0%, 57%, 0%, 85%)
Oklch
oklch(21.4% 0.050 327.1)

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

#AA1F48

Dark Violet · Brown · Camellia

HEX
#AA1F48
RGB
rgb(170, 31, 72)
HSL
hsl(342, 69%, 39%)
HSB
hsb(342, 82%, 67%)
CMYK
cmyk(0%, 82%, 58%, 33%)
Oklch
oklch(48.6% 0.174 10.3)

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

#EB601A

Tangerine · Chocolate · Warm Sun

HEX
#EB601A
RGB
rgb(235, 96, 26)
HSL
hsl(20, 84%, 51%)
HSB
hsb(20, 89%, 92%)
CMYK
cmyk(0%, 59%, 89%, 8%)
Oklch
oklch(65.8% 0.187 42.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F1A451

Ginger · SandyBrown · Warm Sun

HEX
#F1A451
RGB
rgb(241, 164, 81)
HSL
hsl(31, 85%, 63%)
HSB
hsb(31, 66%, 95%)
CMYK
cmyk(0%, 32%, 66%, 5%)
Oklch
oklch(77.9% 0.134 65.5)

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

#EDE498

Fresh Green · Khaki · Lemon Cream

HEX
#EDE498
RGB
rgb(237, 228, 152)
HSL
hsl(54, 70%, 76%)
HSB
hsb(54, 36%, 93%)
CMYK
cmyk(0%, 4%, 36%, 7%)
Oklch
oklch(90.9% 0.096 102.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

251025
0F240F

Analogous

1A0F24
251025
240F1A

Triadic

251025
24240F
0F2424

Split-Comp.

251025
1A240F
0F241A

Tetradic

251025
241A0F
0F240F
0F1A24

Contrast Matrix WCAG 2.1 Contrast

251025
AA1F48
EB601A
F1A451
EDE498
—
2.5
Fail
5.3
AA
8.6
AAA
13.7
AAA
2.5
Fail
—
2.1
Fail
3.4
AA Large
5.4
AA
5.3
AA
2.1
Fail
—
1.6
Fail
2.6
Fail
8.6
AAA
3.4
AA Large
1.6
Fail
—
1.6
Fail
13.7
AAA
5.4
AA
2.6
Fail
1.6
Fail
—
White BG
17.8AAA
7.0AAA
3.4AA Large
2.1Fail
1.3Fail
Black BG
1.2Fail
3.0Fail
6.2AA
10.2AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C20
6E6D3E
AFAE2B
D0CF65
E9E9AA

Deuteranopia

1D1F1F
76803C
B7C12F
D4DA6A
EAEAAF

Tritanopia

241C1B
A33635
E4383B
ED7578
EDB9BC

Achromatopsia

191919
4D4D4D
828282
B2B2B2
DEDEDE

Shades & Tints Shades & Tints

#251025

Dark
Light

#AA1F48

Dark
Light

#EB601A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #251025;
  --color-2: #aa1f48;
  --color-3: #eb601a;
  --color-4: #f1a451;
  --color-5: #ede498;
}

SCSS

$color-1: #251025;
$color-2: #aa1f48;
$color-3: #eb601a;
$color-4: #f1a451;
$color-5: #ede498;

TAILWIND

colors: {
  'brand-1': '#251025',
  'brand-2': '#aa1f48',
  'brand-3': '#eb601a',
  'brand-4': '#f1a451',
  'brand-5': '#ede498',
}

RGB Array

[37, 16, 37], [170, 31, 72], [235, 96, 26], [241, 164, 81], [237, 228, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #251025, #AA1F48, #EB601A, #F1A451, #EDE498 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: #251025; --color-2: #aa1f48; --color-3: #eb601a; --color-4: #f1a451; --color-5: #ede498. 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 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