← Back to Editor

#BEEF21 · #A6D235 · #982A69 · #551144 · #280911

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#BEEF21

Grass Green · GreenYellow · Olive Green

HEX
#BEEF21
RGB
rgb(190, 239, 33)
HSL
hsl(74, 87%, 53%)
HSB
hsb(74, 86%, 94%)
CMYK
cmyk(21%, 0%, 86%, 6%)
Oklch
oklch(88.6% 0.212 123.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A6D235

Grass Green · GreenYellow · Olive Green

HEX
#A6D235
RGB
rgb(166, 210, 53)
HSL
hsl(77, 64%, 52%)
HSB
hsb(77, 75%, 82%)
CMYK
cmyk(21%, 0%, 75%, 18%)
Oklch
oklch(80.5% 0.182 124.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#982A69

Rose Purple · Purple · Camellia

HEX
#982A69
RGB
rgb(152, 42, 105)
HSL
hsl(326, 57%, 38%)
HSB
hsb(326, 72%, 60%)
CMYK
cmyk(0%, 72%, 31%, 40%)
Oklch
oklch(47.5% 0.158 349.6)

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

#551144

Rose Purple · DarkSlateGray · Dark Purple

HEX
#551144
RGB
rgb(85, 17, 68)
HSL
hsl(315, 67%, 20%)
HSB
hsb(315, 80%, 33%)
CMYK
cmyk(0%, 80%, 20%, 67%)
Oklch
oklch(31.7% 0.115 340.0)

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

#280911

Vermilion · Black · Deep Berry

HEX
#280911
RGB
rgb(40, 9, 17)
HSL
hsl(345, 63%, 10%)
HSB
hsb(345, 78%, 16%)
CMYK
cmyk(0%, 78%, 58%, 84%)
Oklch
oklch(19.7% 0.053 7.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEEF21
501FEF

Analogous

EFB81F
BEEF21
56EF1F

Triadic

BEEF21
1FBFEF
EF1FBF

Split-Comp.

BEEF21
1F56EF
B81FEF

Tetradic

BEEF21
1FEFB8
501FEF
EF1F56

Contrast Matrix WCAG 2.1 Contrast

BEEF21
A6D235
982A69
551144
280911
—
1.3
Fail
5.4
AA
10.0
AAA
13.7
AAA
1.3
Fail
—
4.1
AA Large
7.7
AAA
10.5
AAA
5.4
AA
4.1
AA Large
—
1.9
Fail
2.5
Fail
10.0
AAA
7.7
AAA
1.9
Fail
—
1.4
Fail
13.7
AAA
10.5
AAA
2.5
Fail
1.4
Fail
—
White BG
1.3Fail
1.8Fail
7.3AAA
13.5AAA
18.5AAA
Black BG
15.6AAA
11.9AAA
2.9Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D453
B9B95B
68675A
383738
1B1A0F

Deuteranopia

D0CD5F
B7B364
6F7756
3C4135
1C1F0F

Tritanopia

C07A83
A87980
934E4B
522E2C
260E0D

Achromatopsia

C9C9C9
B3B3B3
525252
2B2B2B
131313

Shades & Tints Shades & Tints

#BEEF21

Dark
Light

#A6D235

Dark
Light

#982A69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #beef21;
  --color-2: #a6d235;
  --color-3: #982a69;
  --color-4: #551144;
  --color-5: #280911;
}

SCSS

$color-1: #beef21;
$color-2: #a6d235;
$color-3: #982a69;
$color-4: #551144;
$color-5: #280911;

TAILWIND

colors: {
  'brand-1': '#beef21',
  'brand-2': '#a6d235',
  'brand-3': '#982a69',
  'brand-4': '#551144',
  'brand-5': '#280911',
}

RGB Array

[190, 239, 33], [166, 210, 53], [152, 42, 105], [85, 17, 68], [40, 9, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #BEEF21, #A6D235, #982A69, #551144, #280911 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: #beef21; --color-2: #a6d235; --color-3: #982a69; --color-4: #551144; --color-5: #280911. 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 minimal-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