← Back to Editor

#FF9624 · #FE4030 · #C12049 · #7C1B48 · #843274

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF9624

Ginger · Orange · Warm Sun

HEX
#FF9624
RGB
rgb(255, 150, 36)
HSL
hsl(31, 100%, 57%)
HSB
hsb(31, 86%, 100%)
CMYK
cmyk(0%, 41%, 86%, 0%)
Oklch
oklch(76.8% 0.169 60.7)

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

#FE4030

Vermilion · Tomato · Passion Red

HEX
#FE4030
RGB
rgb(254, 64, 48)
HSL
hsl(5, 99%, 59%)
HSB
hsb(5, 81%, 100%)
CMYK
cmyk(0%, 75%, 81%, 0%)
Oklch
oklch(65.6% 0.228 29.5)

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

#C12049

Vermilion · Crimson · Passion Red

HEX
#C12049
RGB
rgb(193, 32, 73)
HSL
hsl(345, 72%, 44%)
HSB
hsb(345, 83%, 76%)
CMYK
cmyk(0%, 83%, 62%, 24%)
Oklch
oklch(52.9% 0.193 13.7)

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

#7C1B48

Dark Violet · Brown · Camellia

HEX
#7C1B48
RGB
rgb(124, 27, 72)
HSL
hsl(332, 64%, 30%)
HSB
hsb(332, 78%, 49%)
CMYK
cmyk(0%, 78%, 42%, 51%)
Oklch
oklch(39.9% 0.137 357.3)

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

#843274

Rose Purple · Purple · Eggplant

HEX
#843274
RGB
rgb(132, 50, 116)
HSL
hsl(312, 45%, 36%)
HSB
hsb(312, 62%, 52%)
CMYK
cmyk(0%, 62%, 12%, 48%)
Oklch
oklch(45.7% 0.139 336.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9624
248EFF

Analogous

FF2724
FF9624
FBFF24

Triadic

FF9624
24FF95
9524FF

Split-Comp.

FF9624
24FBFF
2724FF

Tetradic

FF9624
24FF27
248EFF
FF24FB

Contrast Matrix WCAG 2.1 Contrast

FF9624
FE4030
C12049
7C1B48
843274
—
1.6
Fail
2.7
Fail
4.6
AA
3.6
AA Large
1.6
Fail
—
1.7
Fail
2.8
Fail
2.2
Fail
2.7
Fail
1.7
Fail
—
1.7
Fail
1.3
Fail
4.6
AA
2.8
Fail
1.7
Fail
—
1.3
Fail
3.6
AA Large
2.2
Fail
1.3
Fail
1.3
Fail
—
White BG
2.2Fail
3.5AA Large
5.9AA
10.0AAA
7.8AAA
Black BG
9.6AAA
6.0AA
3.6AA Large
2.1Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D140
ACAA34
7B7A3F
52513D
606064

Deuteranopia

D8E046
B7C535
85913D
585F3B
656B60

Tritanopia

FA555A
F43738
B93736
773533
805755

Achromatopsia

A8A8A8
777777
555555
3D3D3D
525252

Shades & Tints Shades & Tints

#FF9624

Dark
Light

#FE4030

Dark
Light

#C12049

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9624;
  --color-2: #fe4030;
  --color-3: #c12049;
  --color-4: #7c1b48;
  --color-5: #843274;
}

SCSS

$color-1: #ff9624;
$color-2: #fe4030;
$color-3: #c12049;
$color-4: #7c1b48;
$color-5: #843274;

TAILWIND

colors: {
  'brand-1': '#ff9624',
  'brand-2': '#fe4030',
  'brand-3': '#c12049',
  'brand-4': '#7c1b48',
  'brand-5': '#843274',
}

RGB Array

[255, 150, 36], [254, 64, 48], [193, 32, 73], [124, 27, 72], [132, 50, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FF9624, #FE4030, #C12049, #7C1B48, #843274 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: #ff9624; --color-2: #fe4030; --color-3: #c12049; --color-4: #7c1b48; --color-5: #843274. 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 warm-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