← Back to Editor

#490531 · #290D13 · #6D4041 · #B9B708 · #FD4788

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 AppData Visualization

Color Details Color Details

#490531

Rose Purple · Maroon · Raspberry

HEX
#490531
RGB
rgb(73, 5, 49)
HSL
hsl(321, 87%, 15%)
HSB
hsb(321, 93%, 29%)
CMYK
cmyk(0%, 93%, 33%, 71%)
Oklch
oklch(27.4% 0.107 347.3)

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

#290D13

Crimson · Black · Deep Berry

HEX
#290D13
RGB
rgb(41, 13, 19)
HSL
hsl(347, 52%, 11%)
HSB
hsb(347, 68%, 16%)
CMYK
cmyk(0%, 68%, 54%, 84%)
Oklch
oklch(20.7% 0.047 8.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#6D4041

Crimson · DarkOliveGreen · Wine Red

HEX
#6D4041
RGB
rgb(109, 64, 65)
HSL
hsl(359, 26%, 34%)
HSB
hsb(359, 41%, 43%)
CMYK
cmyk(0%, 41%, 40%, 57%)
Oklch
oklch(42.5% 0.063 18.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#B9B708

Autumn Sage · GoldenRod · Honey Gold

HEX
#B9B708
RGB
rgb(185, 183, 8)
HSL
hsl(59, 92%, 38%)
HSB
hsb(59, 96%, 73%)
CMYK
cmyk(0%, 1%, 96%, 27%)
Oklch
oklch(75.6% 0.163 108.9)

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

#FD4788

Rouge · DeepPink · Rose Pink

HEX
#FD4788
RGB
rgb(253, 71, 136)
HSL
hsl(339, 98%, 64%)
HSB
hsb(339, 72%, 99%)
CMYK
cmyk(0%, 72%, 46%, 1%)
Oklch
oklch(67.6% 0.221 3.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

490531
05481C

Analogous

3E0548
490531
48050F

Triadic

490531
304805
053048

Split-Comp.

490531
0F4805
05483E

Tetradic

490531
483E05
05481C
050F48

Contrast Matrix WCAG 2.1 Contrast

490531
290D13
6D4041
B9B708
FD4788
—
1.2
Fail
1.8
Fail
7.3
AAA
4.8
AA
1.2
Fail
—
2.1
Fail
8.5
AAA
5.5
AA
1.8
Fail
2.1
Fail
—
4.0
AA Large
2.6
Fail
7.3
AAA
8.5
AAA
4.0
AA Large
—
1.5
Fail
4.8
AA
5.5
AA
2.6
Fail
1.5
Fail
—
White BG
15.6AAA
18.1AAA
8.5AAA
2.1Fail
3.3AA Large
Black BG
1.3Fail
1.2Fail
2.5Fail
9.8AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2B26
1D1D12
5A5941
B8B832
AEAD78

Deuteranopia

303524
1F2111
5C6041
B8B83D
B9C674

Tritanopia

461E1C
281010
6B4141
B9545B
F46C69

Achromatopsia

1E1E1E
161616
4E4E4E
A4A4A4
858585

Shades & Tints Shades & Tints

#490531

Dark
Light

#290D13

Dark
Light

#6D4041

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #490531;
  --color-2: #290d13;
  --color-3: #6d4041;
  --color-4: #b9b708;
  --color-5: #fd4788;
}

SCSS

$color-1: #490531;
$color-2: #290d13;
$color-3: #6d4041;
$color-4: #b9b708;
$color-5: #fd4788;

TAILWIND

colors: {
  'brand-1': '#490531',
  'brand-2': '#290d13',
  'brand-3': '#6d4041',
  'brand-4': '#b9b708',
  'brand-5': '#fd4788',
}

RGB Array

[73, 5, 49], [41, 13, 19], [109, 64, 65], [185, 183, 8], [253, 71, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #490531, #290D13, #6D4041, #B9B708, #FD4788 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: #490531; --color-2: #290d13; --color-3: #6d4041; --color-4: #b9b708; --color-5: #fd4788. 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 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