#B6C410 + #6E510E + #58182A + #5C3052 + #211F1D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B6C410

Autumn Sage · GoldenRod · Honey Gold

HEX

#B6C410

RGB

rgb(182, 196, 16)

HSL

hsl(65, 85%, 42%)

HSB

hsb(65, 92%, 77%)

CMYK

cmyk(7%, 0%, 92%, 23%)

Oklch

oklch(78.3% 0.175 114.9)

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

#6E510E

Ochre · DarkOliveGreen · Amber Gold

HEX

#6E510E

RGB

rgb(110, 81, 14)

HSL

hsl(42, 77%, 24%)

HSB

hsb(42, 87%, 43%)

CMYK

cmyk(0%, 26%, 87%, 57%)

Oklch

oklch(45.4% 0.087 82.7)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#58182A

Dark Violet · Maroon · Raspberry

HEX

#58182A

RGB

rgb(88, 24, 42)

HSL

hsl(343, 57%, 22%)

HSB

hsb(343, 73%, 35%)

CMYK

cmyk(0%, 73%, 52%, 65%)

Oklch

oklch(31.9% 0.095 7.3)

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

#5C3052

Rose Purple · DarkSlateGray · Eggplant

HEX

#5C3052

RGB

rgb(92, 48, 82)

HSL

hsl(314, 31%, 27%)

HSB

hsb(314, 48%, 36%)

CMYK

cmyk(0%, 48%, 11%, 64%)

Oklch

oklch(37.9% 0.080 336.1)

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

#211F1D

Ink Black · Black · Dark Stone

HEX

#211F1D

RGB

rgb(33, 31, 29)

HSL

hsl(30, 6%, 12%)

HSB

hsb(30, 12%, 13%)

CMYK

cmyk(0%, 6%, 12%, 87%)

Oklch

oklch(24.1% 0.005 67.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6C410

1F10C6

Analogous

C67A10

B6C410

5CC610

Triadic

B6C410

10B7C6

C610B7

Split-Comp.

B6C410

105CC6

7A10C6

Tetradic

B6C410

10C67A

1F10C6

C6105C

Contrast Matrix WCAG 2.1 Contrast

B6C410	6E510E	58182A	5C3052	211F1D
—	3.8 AA Large	6.9 AA	5.4 AA	8.5 AAA
3.8 AA Large	—	1.8 Fail	1.4 Fail	2.2 Fail
6.9 AA	1.8 Fail	—	1.3 Fail	1.2 Fail
5.4 AA	1.4 Fail	1.3 Fail	—	1.6 Fail
8.5 AAA	2.2 Fail	1.2 Fail	1.6 Fail	—

White BG

1.9Fail

7.4AAA

13.3AAA

10.5AAA

16.4AAA

Black BG

10.9AAA

2.8Fail

1.6Fail

2.0Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC3C

61611E

3C3C26

49494A

20201D

Deuteranopia

BBBA46

636522

404525

4C4F48

20201E

Tritanopia

B75E66

6D2B2E

552221

5A4342

211E1E

Achromatopsia

ABABAB

525252

2D2D2D

414141

1F1F1F

Shades & Tints Shades & Tints

#B6C410

Dark

Light

#6E510E

Dark

Light

#58182A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6c410;
  --color-2: #6e510e;
  --color-3: #58182a;
  --color-4: #5c3052;
  --color-5: #211f1d;
}

SCSS

$color-1: #b6c410;
$color-2: #6e510e;
$color-3: #58182a;
$color-4: #5c3052;
$color-5: #211f1d;

TAILWIND

colors: {
  'brand-1': '#b6c410',
  'brand-2': '#6e510e',
  'brand-3': '#58182a',
  'brand-4': '#5c3052',
  'brand-5': '#211f1d',
}

RGB Array

[182, 196, 16], [110, 81, 14], [88, 24, 42], [92, 48, 82], [33, 31, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6C410, #6E510E, #58182A, #5C3052, #211F1D is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b6c410; --color-2: #6e510e; --color-3: #58182a; --color-4: #5c3052; --color-5: #211f1d. 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 tech, SaaS, healthcare, eco industries. 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