← Back to Editor

#830442 · #DADA2D · #BDF057 · #E4367F · #F6F898

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

#830442

Dark Violet · Brown · Camellia

HEX
#830442
RGB
rgb(131, 4, 66)
HSL
hsl(331, 94%, 26%)
HSB
hsb(331, 97%, 51%)
CMYK
cmyk(0%, 97%, 50%, 49%)
Oklch
oklch(39.7% 0.158 0.8)

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

#DADA2D

Autumn Sage · GoldenRod · Sunflower

HEX
#DADA2D
RGB
rgb(218, 218, 45)
HSL
hsl(60, 70%, 52%)
HSB
hsb(60, 79%, 85%)
CMYK
cmyk(0%, 0%, 79%, 15%)
Oklch
oklch(86.1% 0.177 109.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BDF057

Willow Green · GreenYellow · Apple Green

HEX
#BDF057
RGB
rgb(189, 240, 87)
HSL
hsl(80, 84%, 64%)
HSB
hsb(80, 64%, 94%)
CMYK
cmyk(21%, 0%, 64%, 6%)
Oklch
oklch(89.1% 0.187 125.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E4367F

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E4367F
RGB
rgb(228, 54, 127)
HSL
hsl(335, 76%, 55%)
HSB
hsb(335, 76%, 89%)
CMYK
cmyk(0%, 76%, 44%, 11%)
Oklch
oklch(61.9% 0.215 0.7)

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

#F6F898

Fresh Green · Khaki · Lemon Cream

HEX
#F6F898
RGB
rgb(246, 248, 152)
HSL
hsl(61, 87%, 78%)
HSB
hsb(61, 39%, 97%)
CMYK
cmyk(1%, 0%, 39%, 3%)
Oklch
oklch(95.7% 0.118 109.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

830442
048144

Analogous

81047F
830442
810604

Triadic

830442
408104
044081

Split-Comp.

830442
048106
047F81

Tetradic

830442
7F8104
048144
060481

Contrast Matrix WCAG 2.1 Contrast

830442
DADA2D
BDF057
E4367F
F6F898
—
6.8
AA
7.6
AAA
2.5
Fail
9.1
AAA
6.8
AA
—
1.1
Fail
2.7
Fail
1.3
Fail
7.6
AAA
1.1
Fail
—
3.1
AA Large
1.2
Fail
2.5
Fail
2.7
Fail
3.1
AA Large
—
3.7
AA Large
9.1
AAA
1.3
Fail
1.2
Fail
3.7
AA Large
—
White BG
10.2AAA
1.5Fail
1.3Fail
4.1AA Large
1.1Fail
Black BG
2.1Fail
14.0AAA
15.8AAA
5.1AA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B33
DADA57
D3D47C
99976D
F7F7AF

Deuteranopia

535D2F
DADA61
D0CC85
A3B069
F7F7B5

Tritanopia

7D2725
DA787F
C099A0
DB5F5C
F6C2C6

Achromatopsia

313131
C6C6C6
CFCFCF
727272
ECECEC

Shades & Tints Shades & Tints

#830442

Dark
Light

#DADA2D

Dark
Light

#BDF057

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #830442;
  --color-2: #dada2d;
  --color-3: #bdf057;
  --color-4: #e4367f;
  --color-5: #f6f898;
}

SCSS

$color-1: #830442;
$color-2: #dada2d;
$color-3: #bdf057;
$color-4: #e4367f;
$color-5: #f6f898;

TAILWIND

colors: {
  'brand-1': '#830442',
  'brand-2': '#dada2d',
  'brand-3': '#bdf057',
  'brand-4': '#e4367f',
  'brand-5': '#f6f898',
}

RGB Array

[131, 4, 66], [218, 218, 45], [189, 240, 87], [228, 54, 127], [246, 248, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #830442, #DADA2D, #BDF057, #E4367F, #F6F898 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #830442; --color-2: #dada2d; --color-3: #bdf057; --color-4: #e4367f; --color-5: #f6f898. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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