← Back to Editor

#F94D1B · #DA1731 · #840D6D · #4B0770 · #1E6E7D

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

#F94D1B

Vermilion · OrangeRed · Passion Red

HEX
#F94D1B
RGB
rgb(249, 77, 27)
HSL
hsl(14, 95%, 54%)
HSB
hsb(14, 89%, 98%)
CMYK
cmyk(0%, 69%, 89%, 2%)
Oklch
oklch(65.9% 0.216 35.4)

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

#DA1731

Vermilion · Crimson · Passion Red

HEX
#DA1731
RGB
rgb(218, 23, 49)
HSL
hsl(352, 81%, 47%)
HSB
hsb(352, 89%, 85%)
CMYK
cmyk(0%, 89%, 78%, 15%)
Oklch
oklch(56.7% 0.220 23.2)

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

#840D6D

Rose Purple · Purple · Eggplant

HEX
#840D6D
RGB
rgb(132, 13, 109)
HSL
hsl(312, 82%, 28%)
HSB
hsb(312, 90%, 52%)
CMYK
cmyk(0%, 90%, 17%, 48%)
Oklch
oklch(42.1% 0.175 338.4)

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

#4B0770

Royal Purple · MidnightBlue · Eggplant

HEX
#4B0770
RGB
rgb(75, 7, 112)
HSL
hsl(279, 88%, 23%)
HSB
hsb(279, 94%, 44%)
CMYK
cmyk(33%, 94%, 0%, 56%)
Oklch
oklch(32.6% 0.158 308.2)

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

#1E6E7D

Lake Blue · Teal · Mint Ice

HEX
#1E6E7D
RGB
rgb(30, 110, 125)
HSL
hsl(189, 61%, 30%)
HSB
hsb(189, 76%, 49%)
CMYK
cmyk(76%, 12%, 0%, 51%)
Oklch
oklch(49.8% 0.077 213.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F94D1B
1AC5F9

Analogous

F91A56
F94D1B
F9BE1A

Triadic

F94D1B
1AF94E
4E1AF9

Split-Comp.

F94D1B
1AF9BE
1A56F9

Tetradic

F94D1B
56F91A
1AC5F9
BE1AF9

Contrast Matrix WCAG 2.1 Contrast

F94D1B
DA1731
840D6D
4B0770
1E6E7D
—
1.5
Fail
2.7
Fail
3.9
AA Large
1.7
Fail
1.5
Fail
—
1.8
Fail
2.7
Fail
1.2
Fail
2.7
Fail
1.8
Fail
—
1.4
Fail
1.6
Fail
3.9
AA Large
2.7
Fail
1.4
Fail
—
2.3
Fail
1.7
Fail
1.2
Fail
1.6
Fail
2.3
Fail
—
White BG
3.4AA Large
5.1AA
9.3AAA
13.4AAA
5.9AA
Black BG
6.1AA
4.1AA Large
2.3Fail
1.6Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAD27
86842B
504F56
2E2D57
414179

Deuteranopia

B9C52A
91A029
576050
323750
3C3679

Tritanopia

F03133
D02625
7E433F
48433E
227776

Achromatopsia

7B7B7B
545454
3C3C3C
272727
585858

Shades & Tints Shades & Tints

#F94D1B

Dark
Light

#DA1731

Dark
Light

#840D6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f94d1b;
  --color-2: #da1731;
  --color-3: #840d6d;
  --color-4: #4b0770;
  --color-5: #1e6e7d;
}

SCSS

$color-1: #f94d1b;
$color-2: #da1731;
$color-3: #840d6d;
$color-4: #4b0770;
$color-5: #1e6e7d;

TAILWIND

colors: {
  'brand-1': '#f94d1b',
  'brand-2': '#da1731',
  'brand-3': '#840d6d',
  'brand-4': '#4b0770',
  'brand-5': '#1e6e7d',
}

RGB Array

[249, 77, 27], [218, 23, 49], [132, 13, 109], [75, 7, 112], [30, 110, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F94D1B, #DA1731, #840D6D, #4B0770, #1E6E7D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #f94d1b; --color-2: #da1731; --color-3: #840d6d; --color-4: #4b0770; --color-5: #1e6e7d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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