← Back to Editor

#2F082B · #761A61 · #AA006B · #B4B200 · #F2F163

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

#2F082B

Rose Purple · Black · Dark Purple

HEX
#2F082B
RGB
rgb(47, 8, 43)
HSL
hsl(306, 71%, 11%)
HSB
hsb(306, 83%, 18%)
CMYK
cmyk(0%, 83%, 9%, 82%)
Oklch
oklch(22.2% 0.080 332.3)

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

#761A61

Rose Purple · Purple · Eggplant

HEX
#761A61
RGB
rgb(118, 26, 97)
HSL
hsl(314, 64%, 28%)
HSB
hsb(314, 78%, 46%)
CMYK
cmyk(0%, 78%, 18%, 54%)
Oklch
oklch(39.9% 0.148 339.0)

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

#AA006B

Rose Purple · MediumVioletRed · Camellia

HEX
#AA006B
RGB
rgb(170, 0, 107)
HSL
hsl(322, 100%, 33%)
HSB
hsb(322, 100%, 67%)
CMYK
cmyk(0%, 100%, 37%, 33%)
Oklch
oklch(48.5% 0.201 351.8)

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

#B4B200

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B4B200
RGB
rgb(180, 178, 0)
HSL
hsl(59, 100%, 35%)
HSB
hsb(59, 100%, 71%)
CMYK
cmyk(0%, 1%, 100%, 29%)
Oklch
oklch(74.1% 0.161 108.9)

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

#F2F163

Fresh Green · Khaki · Sunflower

HEX
#F2F163
RGB
rgb(242, 241, 99)
HSL
hsl(60, 85%, 67%)
HSB
hsb(60, 59%, 95%)
CMYK
cmyk(0%, 0%, 59%, 5%)
Oklch
oklch(93.3% 0.162 108.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F082B
08300C

Analogous

200830
2F082B
300818

Triadic

2F082B
2C3008
082C30

Split-Comp.

2F082B
183008
083020

Tetradic

2F082B
302008
08300C
081830

Contrast Matrix WCAG 2.1 Contrast

2F082B
761A61
AA006B
B4B200
F2F163
—
1.8
Fail
2.5
Fail
7.8
AAA
14.7
AAA
1.8
Fail
—
1.4
Fail
4.5
AA Large
8.4
AAA
2.5
Fail
1.4
Fail
—
3.2
AA Large
6.0
AA
7.8
AAA
4.5
AA Large
3.2
AA Large
—
1.9
Fail
14.7
AAA
8.4
AAA
6.0
AA
1.9
Fail
—
White BG
17.6AAA
10.0AAA
7.2AAA
2.3Fail
1.2Fail
Black BG
1.2Fail
2.1Fail
2.9Fail
9.3AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E23
4E4D50
605F51
B3B32B
F2F285

Deuteranopia

202321
545A4C
6A774B
B3B335
F2F28E

Tritanopia

2D1C1A
71423F
A23D38
B44D55
F2A0A6

Achromatopsia

181818
3E3E3E
3F3F3F
9E9E9E
E1E1E1

Shades & Tints Shades & Tints

#2F082B

Dark
Light

#761A61

Dark
Light

#AA006B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f082b;
  --color-2: #761a61;
  --color-3: #aa006b;
  --color-4: #b4b200;
  --color-5: #f2f163;
}

SCSS

$color-1: #2f082b;
$color-2: #761a61;
$color-3: #aa006b;
$color-4: #b4b200;
$color-5: #f2f163;

TAILWIND

colors: {
  'brand-1': '#2f082b',
  'brand-2': '#761a61',
  'brand-3': '#aa006b',
  'brand-4': '#b4b200',
  'brand-5': '#f2f163',
}

RGB Array

[47, 8, 43], [118, 26, 97], [170, 0, 107], [180, 178, 0], [242, 241, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F082B, #761A61, #AA006B, #B4B200, #F2F163 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: #2f082b; --color-2: #761a61; --color-3: #aa006b; --color-4: #b4b200; --color-5: #f2f163. 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