← Back to Editor

#BFBF3D · #6B8B2A · #830F50 · #C4341A · #3EB1A2

A 5-color palette 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

#BFBF3D

Autumn Sage · GoldenRod · Honey Gold

HEX
#BFBF3D
RGB
rgb(191, 191, 61)
HSL
hsl(60, 52%, 49%)
HSB
hsb(60, 68%, 75%)
CMYK
cmyk(0%, 0%, 68%, 25%)
Oklch
oklch(78.1% 0.148 109.4)

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

#6B8B2A

Grass Green · DarkOliveGreen · Forest Green

HEX
#6B8B2A
RGB
rgb(107, 139, 42)
HSL
hsl(80, 54%, 35%)
HSB
hsb(80, 70%, 55%)
CMYK
cmyk(23%, 0%, 70%, 45%)
Oklch
oklch(59.2% 0.129 125.9)

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

#830F50

Rose Purple · Purple · Camellia

HEX
#830F50
RGB
rgb(131, 15, 80)
HSL
hsl(326, 79%, 29%)
HSB
hsb(326, 89%, 51%)
CMYK
cmyk(0%, 89%, 39%, 49%)
Oklch
oklch(40.7% 0.157 353.4)

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

#C4341A

Vermilion · FireBrick · Passion Red

HEX
#C4341A
RGB
rgb(196, 52, 26)
HSL
hsl(9, 77%, 44%)
HSB
hsb(9, 87%, 77%)
CMYK
cmyk(0%, 73%, 87%, 23%)
Oklch
oklch(54.4% 0.185 32.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#3EB1A2

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3EB1A2
RGB
rgb(62, 177, 162)
HSL
hsl(172, 48%, 47%)
HSB
hsb(172, 65%, 69%)
CMYK
cmyk(65%, 0%, 8%, 31%)
Oklch
oklch(69.2% 0.104 183.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFBF3D
3C3CBE

Analogous

BE7D3C
BFBF3D
7DBE3C

Triadic

BFBF3D
3CBEBE
BE3CBE

Split-Comp.

BFBF3D
3C7DBE
7D3CBE

Tetradic

BFBF3D
3CBE7D
3C3CBE
BE3C7D

Contrast Matrix WCAG 2.1 Contrast

BFBF3D
6B8B2A
830F50
C4341A
3EB1A2
—
2.0
Fail
5.0
AA
2.8
Fail
1.3
Fail
2.0
Fail
—
2.5
Fail
1.4
Fail
1.5
Fail
5.0
AA
2.5
Fail
—
1.8
Fail
3.7
AA Large
2.8
Fail
1.4
Fail
1.8
Fail
—
2.1
Fail
1.3
Fail
1.5
Fail
3.7
AA Large
2.1
Fail
—
White BG
2.0Fail
3.9AA Large
9.8AAA
5.4AA
2.6Fail
Black BG
10.7AAA
5.4AA
2.1Fail
3.9AA Large
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF5C
797941
515040
868420
7071A6

Deuteranopia

BFBF64
777547
58603D
8E9922
6961A7

Tritanopia

BF757B
6D5458
7D3431
BD2526
44A8A9

Achromatopsia

B0B0B0
767676
393939
5C5C5C
8D8D8D

Shades & Tints Shades & Tints

#BFBF3D

Dark
Light

#6B8B2A

Dark
Light

#830F50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfbf3d;
  --color-2: #6b8b2a;
  --color-3: #830f50;
  --color-4: #c4341a;
  --color-5: #3eb1a2;
}

SCSS

$color-1: #bfbf3d;
$color-2: #6b8b2a;
$color-3: #830f50;
$color-4: #c4341a;
$color-5: #3eb1a2;

TAILWIND

colors: {
  'brand-1': '#bfbf3d',
  'brand-2': '#6b8b2a',
  'brand-3': '#830f50',
  'brand-4': '#c4341a',
  'brand-5': '#3eb1a2',
}

RGB Array

[191, 191, 61], [107, 139, 42], [131, 15, 80], [196, 52, 26], [62, 177, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFBF3D, #6B8B2A, #830F50, #C4341A, #3EB1A2 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #bfbf3d; --color-2: #6b8b2a; --color-3: #830f50; --color-4: #c4341a; --color-5: #3eb1a2. 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. 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