← Back to Editor

#FF404B · #50404C · #2F4F5D · #8C7F01 · #DAA522

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 App

Color Details Color Details

#FF404B

Peach Pink · Tomato · Coral Red

HEX
#FF404B
RGB
rgb(255, 64, 75)
HSL
hsl(357, 100%, 63%)
HSB
hsb(357, 75%, 100%)
CMYK
cmyk(0%, 75%, 71%, 0%)
Oklch
oklch(66.1% 0.226 23.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#50404C

Rose Purple · DarkSlateGray · Eggplant

HEX
#50404C
RGB
rgb(80, 64, 76)
HSL
hsl(315, 11%, 28%)
HSB
hsb(315, 20%, 31%)
CMYK
cmyk(0%, 20%, 5%, 69%)
Oklch
oklch(39.3% 0.029 335.1)

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

#2F4F5D

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2F4F5D
RGB
rgb(47, 79, 93)
HSL
hsl(198, 33%, 27%)
HSB
hsb(198, 49%, 36%)
CMYK
cmyk(49%, 15%, 0%, 64%)
Oklch
oklch(40.9% 0.044 227.7)

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

#8C7F01

Autumn Sage · Olive · Honey Gold

HEX
#8C7F01
RGB
rgb(140, 127, 1)
HSL
hsl(54, 99%, 28%)
HSB
hsb(54, 99%, 55%)
CMYK
cmyk(0%, 9%, 99%, 45%)
Oklch
oklch(59.0% 0.123 102.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#DAA522

Ochre · GoldenRod · Honey Gold

HEX
#DAA522
RGB
rgb(218, 165, 34)
HSL
hsl(43, 73%, 49%)
HSB
hsb(43, 84%, 85%)
CMYK
cmyk(0%, 24%, 84%, 15%)
Oklch
oklch(75.2% 0.146 83.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF404B
42FFF6

Analogous

FF42AA
FF404B
FF9742

Triadic

FF404B
4CFF42
424CFF

Split-Comp.

FF404B
42FF97
42AAFF

Tetradic

FF404B
AAFF42
42FFF6
9742FF

Contrast Matrix WCAG 2.1 Contrast

FF404B
50404C
2F4F5D
8C7F01
DAA522
—
2.8
Fail
2.5
Fail
1.2
Fail
1.5
Fail
2.8
Fail
—
1.1
Fail
2.4
Fail
4.3
AA Large
2.5
Fail
1.1
Fail
—
2.1
Fail
3.9
AA Large
1.2
Fail
2.4
Fail
2.1
Fail
—
1.8
Fail
1.5
Fail
4.3
AA Large
3.9
AA Large
1.8
Fail
—
White BG
3.4AA Large
9.6AAA
8.8AAA
4.1AA Large
2.2Fail
Black BG
6.1AA
2.2Fail
2.4Fail
5.2AA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB48
494949
3D3D5A
86861F
C3C342

Deuteranopia

B7C648
4A4B48
3B3959
878827
C6CA49

Tritanopia

F54646
4F4746
315756
8B383D
D75B60

Achromatopsia

7A7A7A
464646
474747
757575
A6A6A6

Shades & Tints Shades & Tints

#FF404B

Dark
Light

#50404C

Dark
Light

#2F4F5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff404b;
  --color-2: #50404c;
  --color-3: #2f4f5d;
  --color-4: #8c7f01;
  --color-5: #daa522;
}

SCSS

$color-1: #ff404b;
$color-2: #50404c;
$color-3: #2f4f5d;
$color-4: #8c7f01;
$color-5: #daa522;

TAILWIND

colors: {
  'brand-1': '#ff404b',
  'brand-2': '#50404c',
  'brand-3': '#2f4f5d',
  'brand-4': '#8c7f01',
  'brand-5': '#daa522',
}

RGB Array

[255, 64, 75], [80, 64, 76], [47, 79, 93], [140, 127, 1], [218, 165, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FF404B, #50404C, #2F4F5D, #8C7F01, #DAA522 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: #ff404b; --color-2: #50404c; --color-3: #2f4f5d; --color-4: #8c7f01; --color-5: #daa522. 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 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