← Back to Editor

#251E25 · #EBE598 · #BBC440 · #C70000 · #F94319

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

#251E25

Rose Purple · Black · Dark Purple

HEX
#251E25
RGB
rgb(37, 30, 37)
HSL
hsl(300, 10%, 13%)
HSB
hsb(300, 19%, 15%)
CMYK
cmyk(0%, 19%, 0%, 85%)
Oklch
oklch(24.6% 0.017 326.1)

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

#EBE598

Fresh Green · Khaki · Lemon Cream

HEX
#EBE598
RGB
rgb(235, 229, 152)
HSL
hsl(56, 67%, 76%)
HSB
hsb(56, 35%, 92%)
CMYK
cmyk(0%, 3%, 35%, 8%)
Oklch
oklch(90.9% 0.098 104.4)

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

#BBC440

Autumn Sage · GoldenRod · Sunflower

HEX
#BBC440
RGB
rgb(187, 196, 64)
HSL
hsl(64, 53%, 51%)
HSB
hsb(64, 67%, 77%)
CMYK
cmyk(5%, 0%, 67%, 23%)
Oklch
oklch(78.9% 0.152 113.2)

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

#C70000

Vermilion · FireBrick · Wine Red

HEX
#C70000
RGB
rgb(199, 0, 0)
HSL
hsl(0, 100%, 39%)
HSB
hsb(0, 100%, 78%)
CMYK
cmyk(0%, 100%, 100%, 22%)
Oklch
oklch(52.1% 0.214 29.2)

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

#F94319

Vermilion · OrangeRed · Passion Red

HEX
#F94319
RGB
rgb(249, 67, 25)
HSL
hsl(11, 95%, 54%)
HSB
hsb(11, 90%, 98%)
CMYK
cmyk(0%, 73%, 90%, 2%)
Oklch
oklch(64.9% 0.224 33.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

251E25
1E241E

Analogous

211E24
251E25
241E21

Triadic

251E25
24241E
1E2424

Split-Comp.

251E25
21241E
1E2421

Tetradic

251E25
24211E
1E241E
1E2124

Contrast Matrix WCAG 2.1 Contrast

251E25
EBE598
BBC440
C70000
F94319
—
12.5
AAA
8.6
AAA
2.7
Fail
4.5
AA
12.5
AAA
—
1.5
Fail
4.7
AA
2.8
Fail
8.6
AAA
1.5
Fail
—
3.2
AA Large
1.9
Fail
2.7
Fail
4.7
AA
3.2
AA Large
—
1.7
Fail
4.5
AA
2.8
Fail
1.9
Fail
1.7
Fail
—
White BG
16.3AAA
1.3Fail
1.9Fail
6.1AA
3.6AA Large
Black BG
1.3Fail
16.2AAA
11.1AAA
3.4AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222223
E8E8AB
BFBF60
716F00
AAA923

Deuteranopia

222323
E9E9AF
BEBE68
7C8B00
B5C226

Tritanopia

252222
EBB9BD
BB797F
BD0000
F02B2D

Achromatopsia

212121
DEDEDE
B2B2B2
3C3C3C
757575

Shades & Tints Shades & Tints

#251E25

Dark
Light

#EBE598

Dark
Light

#BBC440

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #251e25;
  --color-2: #ebe598;
  --color-3: #bbc440;
  --color-4: #c70000;
  --color-5: #f94319;
}

SCSS

$color-1: #251e25;
$color-2: #ebe598;
$color-3: #bbc440;
$color-4: #c70000;
$color-5: #f94319;

TAILWIND

colors: {
  'brand-1': '#251e25',
  'brand-2': '#ebe598',
  'brand-3': '#bbc440',
  'brand-4': '#c70000',
  'brand-5': '#f94319',
}

RGB Array

[37, 30, 37], [235, 229, 152], [187, 196, 64], [199, 0, 0], [249, 67, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #251E25, #EBE598, #BBC440, #C70000, #F94319 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: #251e25; --color-2: #ebe598; --color-3: #bbc440; --color-4: #c70000; --color-5: #f94319. 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