← Back to Editor

#751742 · #641A3B · #BF2C6E · #B1D540 · #BEDE54

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 App

Color Details Color Details

#751742

Dark Violet · Brown · Camellia

HEX
#751742
RGB
rgb(117, 23, 66)
HSL
hsl(333, 67%, 27%)
HSB
hsb(333, 80%, 46%)
CMYK
cmyk(0%, 80%, 44%, 54%)
Oklch
oklch(38.1% 0.133 358.1)

TraditionalDark Violet」· PaintCamellia」· Creative Blush Sunrise

#641A3B

Dark Violet · Brown · Raspberry

HEX
#641A3B
RGB
rgb(100, 26, 59)
HSL
hsl(333, 59%, 25%)
HSB
hsb(333, 74%, 39%)
CMYK
cmyk(0%, 74%, 41%, 61%)
Oklch
oklch(35.0% 0.110 357.2)

TraditionalDark Violet」· PaintRaspberry」· Creative Blush Sunrise

#BF2C6E

Dark Violet · MediumVioletRed · Camellia

HEX
#BF2C6E
RGB
rgb(191, 44, 110)
HSL
hsl(333, 63%, 46%)
HSB
hsb(333, 77%, 75%)
CMYK
cmyk(0%, 77%, 42%, 25%)
Oklch
oklch(54.4% 0.189 358.7)

TraditionalDark Violet」· PaintCamellia」· Creative Blush Sunrise

#B1D540

Grass Green · GreenYellow · Olive Green

HEX
#B1D540
RGB
rgb(177, 213, 64)
HSL
hsl(74, 64%, 54%)
HSB
hsb(74, 70%, 84%)
CMYK
cmyk(17%, 0%, 70%, 16%)
Oklch
oklch(82.0% 0.175 122.2)

TraditionalGrass Green」· PaintOlive Green」· Creative Blush Sunrise

#BEDE54

Grass Green · GreenYellow · Olive Green

HEX
#BEDE54
RGB
rgb(190, 222, 84)
HSL
hsl(74, 68%, 60%)
HSB
hsb(74, 62%, 87%)
CMYK
cmyk(14%, 0%, 62%, 13%)
Oklch
oklch(85.1% 0.166 121.1)

TraditionalGrass Green」· PaintOlive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

751742
177349

Analogous

73176E
751742
731B17

Triadic

751742
407317
174073

Split-Comp.

751742
17731B
176E73

Tetradic

751742
6E7317
177349
1B1773

Contrast Matrix WCAG 2.1 Contrast

751742
641A3B
BF2C6E
B1D540
BEDE54
1.1
Fail
1.9
Fail
6.4
AA
7.0
AAA
1.1
Fail
2.2
Fail
7.1
AAA
7.9
AAA
1.9
Fail
2.2
Fail
3.3
AA Large
3.6
AA Large
6.4
AA
7.1
AAA
3.3
AA Large
1.1
Fail
7.0
AAA
7.9
AAA
3.6
AA Large
1.1
Fail
White BG
10.7AAA
12.0AAA
5.5AA
1.7Fail
1.5Fail
Black BG
2.0Fail
1.8Fail
3.8AA Large
12.5AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B38
444333
7F7E5E
C1C164
CCCC75

Deuteranopia

525935
484E31
88935A
BFBC6D
CAC87D

Tritanopia

702F2E
602D2B
B8514F
B38187
C09096

Achromatopsia

383838
343434
5F5F5F
B9B9B9
C5C5C5

Shades & Tints Shades & Tints

#751742

Dark
Light

#641A3B

Dark
Light

#BF2C6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #751742;
  --color-2: #641a3b;
  --color-3: #bf2c6e;
  --color-4: #b1d540;
  --color-5: #bede54;
}

SCSS

$color-1: #751742;
$color-2: #641a3b;
$color-3: #bf2c6e;
$color-4: #b1d540;
$color-5: #bede54;

TAILWIND

colors: {
  'brand-1': '#751742',
  'brand-2': '#641a3b',
  'brand-3': '#bf2c6e',
  'brand-4': '#b1d540',
  'brand-5': '#bede54',
}

RGB Array

[117, 23, 66], [100, 26, 59], [191, 44, 110], [177, 213, 64], [190, 222, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #751742, #641A3B, #BF2C6E, #B1D540, #BEDE54 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: #751742; --color-2: #641a3b; --color-3: #bf2c6e; --color-4: #b1d540; --color-5: #bede54. 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