← Back to Editor

#F49B22 · #F9625A · #FB4576 · #F1189F · #D6139D

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 App

Color Details Color Details

#F49B22

Ginger · GoldenRod · Warm Sun

HEX
#F49B22
RGB
rgb(244, 155, 34)
HSL
hsl(35, 91%, 55%)
HSB
hsb(35, 86%, 96%)
CMYK
cmyk(0%, 36%, 86%, 4%)
Oklch
oklch(76.3% 0.160 67.2)

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

#F9625A

Peach Pink · Tomato · Coral Red

HEX
#F9625A
RGB
rgb(249, 98, 90)
HSL
hsl(3, 93%, 66%)
HSB
hsb(3, 64%, 98%)
CMYK
cmyk(0%, 61%, 64%, 2%)
Oklch
oklch(68.9% 0.187 26.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FB4576

Rouge · Tomato · Rose Pink

HEX
#FB4576
RGB
rgb(251, 69, 118)
HSL
hsl(344, 96%, 63%)
HSB
hsb(344, 73%, 98%)
CMYK
cmyk(0%, 73%, 53%, 2%)
Oklch
oklch(66.7% 0.218 9.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F1189F

Rose Purple · DeepPink · Rose Pink

HEX
#F1189F
RGB
rgb(241, 24, 159)
HSL
hsl(323, 89%, 52%)
HSB
hsb(323, 90%, 95%)
CMYK
cmyk(0%, 90%, 34%, 5%)
Oklch
oklch(63.7% 0.256 350.5)

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

#D6139D

Rose Purple · MediumVioletRed · Violet

HEX
#D6139D
RGB
rgb(214, 19, 157)
HSL
hsl(318, 84%, 46%)
HSB
hsb(318, 91%, 84%)
CMYK
cmyk(0%, 91%, 27%, 16%)
Oklch
oklch(58.9% 0.243 344.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F49B22
247BF5

Analogous

F53524
F49B22
E3F524

Triadic

F49B22
24F59E
9E24F5

Split-Comp.

F49B22
24E3F5
3524F5

Tetradic

F49B22
24F535
247BF5
F524E3

Contrast Matrix WCAG 2.1 Contrast

F49B22
F9625A
FB4576
F1189F
D6139D
—
1.4
Fail
1.5
Fail
1.8
Fail
2.2
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
2.2Fail
3.0AA Large
3.4AA Large
3.9AA Large
4.7AA
Black BG
9.6AAA
6.9AA
6.2AA
5.4AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCD3F
B8B65C
ACAB6A
93917E
82807C

Deuteranopia

D3D946
C0CC5C
B7C467
A0B077
8D9B74

Tritanopia

F0565B
F15D5E
F2615F
E6655F
CC615B

Achromatopsia

A8A8A8
8E8E8E
818181
686868
5D5D5D

Shades & Tints Shades & Tints

#F49B22

Dark
Light

#F9625A

Dark
Light

#FB4576

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f49b22;
  --color-2: #f9625a;
  --color-3: #fb4576;
  --color-4: #f1189f;
  --color-5: #d6139d;
}

SCSS

$color-1: #f49b22;
$color-2: #f9625a;
$color-3: #fb4576;
$color-4: #f1189f;
$color-5: #d6139d;

TAILWIND

colors: {
  'brand-1': '#f49b22',
  'brand-2': '#f9625a',
  'brand-3': '#fb4576',
  'brand-4': '#f1189f',
  'brand-5': '#d6139d',
}

RGB Array

[244, 155, 34], [249, 98, 90], [251, 69, 118], [241, 24, 159], [214, 19, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F49B22, #F9625A, #FB4576, #F1189F, #D6139D 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: #f49b22; --color-2: #f9625a; --color-3: #fb4576; --color-4: #f1189f; --color-5: #d6139d. 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