← Back to Editor

#4B2680 · #622680 · #802660 · #BFADA2 · #161707

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4B2680

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4B2680
RGB
rgb(75, 38, 128)
HSL
hsl(265, 54%, 33%)
HSB
hsb(265, 70%, 50%)
CMYK
cmyk(41%, 70%, 0%, 50%)
Oklch
oklch(37.0% 0.144 297.8)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#622680

Royal Purple · DarkSlateBlue · Eggplant

HEX
#622680
RGB
rgb(98, 38, 128)
HSL
hsl(280, 54%, 33%)
HSB
hsb(280, 70%, 50%)
CMYK
cmyk(23%, 70%, 0%, 50%)
Oklch
oklch(40.0% 0.149 312.2)

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

#802660

Rose Purple · Purple · Camellia

HEX
#802660
RGB
rgb(128, 38, 96)
HSL
hsl(321, 54%, 33%)
HSB
hsb(321, 70%, 50%)
CMYK
cmyk(0%, 70%, 25%, 50%)
Oklch
oklch(42.7% 0.139 345.0)

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

#BFADA2

Apricot · DarkGray · Warm Sun

HEX
#BFADA2
RGB
rgb(191, 173, 162)
HSL
hsl(23, 18%, 69%)
HSB
hsb(23, 15%, 75%)
CMYK
cmyk(0%, 9%, 15%, 25%)
Oklch
oklch(76.0% 0.026 53.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#161707

Autumn Sage · Black · Amber Gold

HEX
#161707
RGB
rgb(22, 23, 7)
HSL
hsl(64, 53%, 6%)
HSB
hsb(64, 70%, 9%)
CMYK
cmyk(4%, 0%, 70%, 91%)
Oklch
oklch(19.9% 0.029 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B2680
5C8227

Analogous

272E82
4B2680
7A2782

Triadic

4B2680
824D27
27824D

Split-Comp.

4B2680
827A27
2E8227

Tetradic

4B2680
82272E
5C8227
27827A

Contrast Matrix WCAG 2.1 Contrast

4B2680
622680
802660
BFADA2
161707
—
1.1
Fail
1.3
Fail
5.1
AA
1.6
Fail
1.1
Fail
—
1.1
Fail
4.6
AA
1.8
Fail
1.3
Fail
1.1
Fail
—
4.1
AA Large
2.0
Fail
5.1
AA
4.6
AA
4.1
AA Large
—
8.4
AAA
1.6
Fail
1.8
Fail
2.0
Fail
8.4
AAA
—
White BG
11.1AAA
10.0AAA
8.9AAA
2.2Fail
18.1AAA
Black BG
1.9Fail
2.1Fail
2.4Fail
9.7AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B6A
48476A
595852
B7B7A5
16160B

Deuteranopia

3D4065
4C5065
5E654F
B8BAA5
16160C

Tritanopia

495955
5F5955
7C4744
BEA7A7
160E0F

Achromatopsia

3B3B3B
424242
484848
B1B1B1
151515

Shades & Tints Shades & Tints

#4B2680

Dark
Light

#622680

Dark
Light

#802660

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b2680;
  --color-2: #622680;
  --color-3: #802660;
  --color-4: #bfada2;
  --color-5: #161707;
}

SCSS

$color-1: #4b2680;
$color-2: #622680;
$color-3: #802660;
$color-4: #bfada2;
$color-5: #161707;

TAILWIND

colors: {
  'brand-1': '#4b2680',
  'brand-2': '#622680',
  'brand-3': '#802660',
  'brand-4': '#bfada2',
  'brand-5': '#161707',
}

RGB Array

[75, 38, 128], [98, 38, 128], [128, 38, 96], [191, 173, 162], [22, 23, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B2680, #622680, #802660, #BFADA2, #161707 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #4b2680; --color-2: #622680; --color-3: #802660; --color-4: #bfada2; --color-5: #161707. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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