← Back to Editor

#6A1D38 · #B7E604 · #7B9A11 · #191F2D · #3A8A93

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

#6A1D38

Dark Violet · Brown · Camellia

HEX
#6A1D38
RGB
rgb(106, 29, 56)
HSL
hsl(339, 57%, 26%)
HSB
hsb(339, 73%, 42%)
CMYK
cmyk(0%, 73%, 47%, 58%)
Oklch
oklch(36.3% 0.111 3.1)

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

#B7E604

Grass Green · GreenYellow · Olive Green

HEX
#B7E604
RGB
rgb(183, 230, 4)
HSL
hsl(72, 97%, 46%)
HSB
hsb(72, 98%, 90%)
CMYK
cmyk(20%, 0%, 98%, 10%)
Oklch
oklch(86.0% 0.211 123.3)

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

#7B9A11

Grass Green · Olive · Forest Green

HEX
#7B9A11
RGB
rgb(123, 154, 17)
HSL
hsl(74, 80%, 34%)
HSB
hsb(74, 89%, 60%)
CMYK
cmyk(20%, 0%, 89%, 40%)
Oklch
oklch(64.0% 0.152 123.0)

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

#191F2D

Indigo · Black · Deep Sea Blue

HEX
#191F2D
RGB
rgb(25, 31, 45)
HSL
hsl(222, 29%, 14%)
HSB
hsb(222, 44%, 18%)
CMYK
cmyk(44%, 31%, 0%, 82%)
Oklch
oklch(24.0% 0.028 266.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#3A8A93

Slate Blue · SteelBlue · Mint Ice

HEX
#3A8A93
RGB
rgb(58, 138, 147)
HSL
hsl(186, 43%, 40%)
HSB
hsb(186, 61%, 58%)
CMYK
cmyk(61%, 6%, 0%, 42%)
Oklch
oklch(58.8% 0.078 205.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A1D38
1D684E

Analogous

681D5D
6A1D38
68281D

Triadic

6A1D38
37681D
1D3768

Split-Comp.

6A1D38
1D6828
1D5D68

Tetradic

6A1D38
5D681D
1D684E
281D68

Contrast Matrix WCAG 2.1 Contrast

6A1D38
B7E604
7B9A11
191F2D
3A8A93
—
7.8
AAA
3.5
AA Large
1.4
Fail
2.8
Fail
7.8
AAA
—
2.2
Fail
11.2
AAA
2.7
Fail
3.5
AA Large
2.2
Fail
—
5.1
AA
1.2
Fail
1.4
Fail
11.2
AAA
5.1
AA
—
4.1
AA Large
2.8
Fail
2.7
Fail
1.2
Fail
4.1
AA Large
—
White BG
11.4AAA
1.5Fail
3.2AA Large
16.5AAA
4.0AA Large
Black BG
1.8Fail
14.3AAA
6.5AA
1.3Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494831
CBCC3B
888932
1C1C2A
5D5D91

Deuteranopia

4D5330
C9C548
87843A
1B1B29
585290

Tritanopia

662C2B
B9666F
7D4C52
192726
3E8F8F

Achromatopsia

373737
BEBEBE
818181
1F1F1F
737373

Shades & Tints Shades & Tints

#6A1D38

Dark
Light

#B7E604

Dark
Light

#7B9A11

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a1d38;
  --color-2: #b7e604;
  --color-3: #7b9a11;
  --color-4: #191f2d;
  --color-5: #3a8a93;
}

SCSS

$color-1: #6a1d38;
$color-2: #b7e604;
$color-3: #7b9a11;
$color-4: #191f2d;
$color-5: #3a8a93;

TAILWIND

colors: {
  'brand-1': '#6a1d38',
  'brand-2': '#b7e604',
  'brand-3': '#7b9a11',
  'brand-4': '#191f2d',
  'brand-5': '#3a8a93',
}

RGB Array

[106, 29, 56], [183, 230, 4], [123, 154, 17], [25, 31, 45], [58, 138, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A1D38, #B7E604, #7B9A11, #191F2D, #3A8A93 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #6a1d38; --color-2: #b7e604; --color-3: #7b9a11; --color-4: #191f2d; --color-5: #3a8a93. 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. 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