← Back to Editor

#F41C5B · #870E44 · #410835 · #08062B · #FEF2C2

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F41C5B

Dark Violet · Crimson · Rose Pink

HEX
#F41C5B
RGB
rgb(244, 28, 91)
HSL
hsl(343, 91%, 53%)
HSB
hsb(343, 89%, 96%)
CMYK
cmyk(0%, 89%, 63%, 4%)
Oklch
oklch(62.3% 0.238 13.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#870E44

Dark Violet · Brown · Camellia

HEX
#870E44
RGB
rgb(135, 14, 68)
HSL
hsl(333, 81%, 29%)
HSB
hsb(333, 90%, 53%)
CMYK
cmyk(0%, 90%, 50%, 47%)
Oklch
oklch(40.9% 0.156 1.7)

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

#410835

Rose Purple · MidnightBlue · Dark Purple

HEX
#410835
RGB
rgb(65, 8, 53)
HSL
hsl(313, 78%, 14%)
HSB
hsb(313, 88%, 25%)
CMYK
cmyk(0%, 88%, 18%, 75%)
Oklch
oklch(26.3% 0.101 338.3)

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

#08062B

Deep Indigo · Black · Deep Sea Blue

HEX
#08062B
RGB
rgb(8, 6, 43)
HSL
hsl(243, 76%, 10%)
HSB
hsb(243, 86%, 17%)
CMYK
cmyk(81%, 86%, 0%, 83%)
Oklch
oklch(16.0% 0.073 277.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FEF2C2

Goose Yellow · Bisque · Lemon Cream

HEX
#FEF2C2
RGB
rgb(254, 242, 194)
HSL
hsl(48, 97%, 88%)
HSB
hsb(48, 24%, 100%)
CMYK
cmyk(0%, 5%, 24%, 0%)
Oklch
oklch(95.9% 0.063 95.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F41C5B
1AF4B6

Analogous

F41AC5
F41C5B
F4491A

Triadic

F41C5B
58F41A
1A58F4

Split-Comp.

F41C5B
1AF449
1AC5F4

Tetradic

F41C5B
C5F41A
1AF4B6
491AF4

Contrast Matrix WCAG 2.1 Contrast

F41C5B
870E44
410835
08062B
FEF2C2
—
2.4
Fail
3.9
AA Large
4.8
AA
3.6
AA Large
2.4
Fail
—
1.7
Fail
2.0
Fail
8.6
AAA
3.9
AA Large
1.7
Fail
—
1.2
Fail
14.3
AAA
4.8
AA
2.0
Fail
1.2
Fail
—
17.5
AAA
3.6
AA Large
8.6
AAA
14.3
AAA
17.5
AAA
—
White BG
4.1AA Large
9.6AAA
16.0AAA
19.6AAA
1.1Fail
Black BG
5.2AA
2.2Fail
1.3Fail
1.1Fail
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96954C
535237
28282A
070722
F9F9CE

Deuteranopia

A3B348
5A6334
2C3027
070720
FAFAD0

Tritanopia

E9403D
812D2A
3E2220
081B19
FDD7D9

Achromatopsia

646464
383838
1E1E1E
0B0B0B
F0F0F0

Shades & Tints Shades & Tints

#F41C5B

Dark
Light

#870E44

Dark
Light

#410835

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f41c5b;
  --color-2: #870e44;
  --color-3: #410835;
  --color-4: #08062b;
  --color-5: #fef2c2;
}

SCSS

$color-1: #f41c5b;
$color-2: #870e44;
$color-3: #410835;
$color-4: #08062b;
$color-5: #fef2c2;

TAILWIND

colors: {
  'brand-1': '#f41c5b',
  'brand-2': '#870e44',
  'brand-3': '#410835',
  'brand-4': '#08062b',
  'brand-5': '#fef2c2',
}

RGB Array

[244, 28, 91], [135, 14, 68], [65, 8, 53], [8, 6, 43], [254, 242, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F41C5B, #870E44, #410835, #08062B, #FEF2C2 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #f41c5b; --color-2: #870e44; --color-3: #410835; --color-4: #08062b; --color-5: #fef2c2. 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. 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 bright-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