#B6BF30 + #BF8F30 + #91234B + #692643 + #2E2227 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B6BF30

Autumn Sage · GoldenRod · Honey Gold

HEX

#B6BF30

RGB

rgb(182, 191, 48)

HSL

hsl(64, 60%, 47%)

HSB

hsb(64, 75%, 75%)

CMYK

cmyk(5%, 0%, 75%, 25%)

Oklch

oklch(77.3% 0.158 113.2)

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

#BF8F30

Ochre · GoldenRod · Honey Gold

HEX

#BF8F30

RGB

rgb(191, 143, 48)

HSL

hsl(40, 60%, 47%)

HSB

hsb(40, 75%, 75%)

CMYK

cmyk(0%, 25%, 75%, 25%)

Oklch

oklch(68.0% 0.123 80.6)

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

#91234B

Dark Violet · Brown · Camellia

HEX

#91234B

RGB

rgb(145, 35, 75)

HSL

hsl(338, 61%, 35%)

HSB

hsb(338, 76%, 57%)

CMYK

cmyk(0%, 76%, 48%, 43%)

Oklch

oklch(44.5% 0.148 3.6)

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

#692643

Dark Violet · Brown · Camellia

HEX

#692643

RGB

rgb(105, 38, 67)

HSL

hsl(334, 47%, 28%)

HSB

hsb(334, 64%, 41%)

CMYK

cmyk(0%, 64%, 36%, 59%)

Oklch

oklch(37.7% 0.101 356.1)

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

#2E2227

Dark Violet · DarkSlateGray · Raspberry

HEX

#2E2227

RGB

rgb(46, 34, 39)

HSL

hsl(335, 15%, 16%)

HSB

hsb(335, 26%, 18%)

CMYK

cmyk(0%, 26%, 15%, 82%)

Oklch

oklch(26.8% 0.020 351.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6BF30

3A30C0

Analogous

C08130

B6BF30

6EC030

Triadic

B6BF30

30B6C0

C030B6

Split-Comp.

B6BF30

306EC0

8130C0

Tetradic

B6BF30

30C081

3A30C0

C0306E

Contrast Matrix WCAG 2.1 Contrast

B6BF30	BF8F30	91234B	692643	2E2227
—	1.5 Fail	4.1 AA Large	5.4 AA	7.6 AAA
1.5 Fail	—	2.8 Fail	3.7 AA Large	5.2 AA
4.1 AA Large	2.8 Fail	—	1.3 Fail	1.9 Fail
5.4 AA	3.7 AA Large	1.3 Fail	—	1.4 Fail
7.6 AAA	5.2 AA	1.9 Fail	1.4 Fail	—

White BG

2.0Fail

2.9Fail

8.2AAA

10.7AAA

15.3AAA

Black BG

10.5AAA

7.2AAA

2.5Fail

2.0Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA53

AAAA47

616041

4C4B3C

292926

Deuteranopia

B9B95B

ADB14D

68703F

50553A

2A2A26

Tritanopia

B66E74

BD595D

8C3A38

663635

2D2525

Achromatopsia

ACACAC

939393

484848

3D3D3D

262626

Shades & Tints Shades & Tints

#B6BF30

Dark

Light

#BF8F30

Dark

Light

#91234B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6bf30;
  --color-2: #bf8f30;
  --color-3: #91234b;
  --color-4: #692643;
  --color-5: #2e2227;
}

SCSS

$color-1: #b6bf30;
$color-2: #bf8f30;
$color-3: #91234b;
$color-4: #692643;
$color-5: #2e2227;

TAILWIND

colors: {
  'brand-1': '#b6bf30',
  'brand-2': '#bf8f30',
  'brand-3': '#91234b',
  'brand-4': '#692643',
  'brand-5': '#2e2227',
}

RGB Array

[182, 191, 48], [191, 143, 48], [145, 35, 75], [105, 38, 67], [46, 34, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6BF30, #BF8F30, #91234B, #692643, #2E2227 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: #b6bf30; --color-2: #bf8f30; --color-3: #91234b; --color-4: #692643; --color-5: #2e2227. 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