← Back to Editor

#B98520 · #4669C7 · #060518 · #1A2DAA · #6911DF

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 AppData Visualization

Color Details Color Details

#B98520

Ochre · DarkGoldenRod · Honey Gold

HEX
#B98520
RGB
rgb(185, 133, 32)
HSL
hsl(40, 71%, 43%)
HSB
hsb(40, 83%, 73%)
CMYK
cmyk(0%, 28%, 83%, 27%)
Oklch
oklch(65.2% 0.126 78.5)

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

#4669C7

Azure · SteelBlue · Navy Blue

HEX
#4669C7
RGB
rgb(70, 105, 199)
HSL
hsl(224, 54%, 53%)
HSB
hsb(224, 65%, 78%)
CMYK
cmyk(65%, 47%, 0%, 22%)
Oklch
oklch(54.4% 0.151 266.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#060518

Deep Indigo · Black · Deep Sea Blue

HEX
#060518
RGB
rgb(6, 5, 24)
HSL
hsl(243, 66%, 6%)
HSB
hsb(243, 79%, 9%)
CMYK
cmyk(75%, 79%, 0%, 91%)
Oklch
oklch(13.2% 0.043 282.1)

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

#1A2DAA

Indigo · DarkSlateBlue · Prussian Blue

HEX
#1A2DAA
RGB
rgb(26, 45, 170)
HSL
hsl(232, 73%, 38%)
HSB
hsb(232, 85%, 67%)
CMYK
cmyk(85%, 74%, 0%, 33%)
Oklch
oklch(38.5% 0.197 267.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#6911DF

Deep Indigo · DarkViolet · Violet

HEX
#6911DF
RGB
rgb(105, 17, 223)
HSL
hsl(266, 86%, 47%)
HSB
hsb(266, 92%, 87%)
CMYK
cmyk(53%, 92%, 0%, 13%)
Oklch
oklch(47.8% 0.260 291.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B98520
2054BC

Analogous

BC3A20
B98520
A2BC20

Triadic

B98520
20BC88
8820BC

Split-Comp.

B98520
20A2BC
3A20BC

Tetradic

B98520
20BC3A
2054BC
BC20A2

Contrast Matrix WCAG 2.1 Contrast

B98520
4669C7
060518
1A2DAA
6911DF
—
1.6
Fail
6.2
AA
3.2
AA Large
2.3
Fail
1.6
Fail
—
3.9
AA Large
2.1
Fail
1.5
Fail
6.2
AA
3.9
AA Large
—
1.9
Fail
2.6
Fail
3.2
AA Large
2.1
Fail
1.9
Fail
—
1.4
Fail
2.3
Fail
1.5
Fail
2.6
Fail
1.4
Fail
—
White BG
3.3AA Large
5.1AA
20.1AAA
10.5AAA
7.6AAA
Black BG
6.4AA
4.1AA Large
1.0Fail
2.0Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A238
5555B0
060613
22228C
4342AD

Deuteranopia

A6A93E
5351AB
060612
212085
484FA1

Tritanopia

B64C50
489E9A
06100F
1B746F
65867D

Achromatopsia

898989
696969
070707
363636
434343

Shades & Tints Shades & Tints

#B98520

Dark
Light

#4669C7

Dark
Light

#060518

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b98520;
  --color-2: #4669c7;
  --color-3: #060518;
  --color-4: #1a2daa;
  --color-5: #6911df;
}

SCSS

$color-1: #b98520;
$color-2: #4669c7;
$color-3: #060518;
$color-4: #1a2daa;
$color-5: #6911df;

TAILWIND

colors: {
  'brand-1': '#b98520',
  'brand-2': '#4669c7',
  'brand-3': '#060518',
  'brand-4': '#1a2daa',
  'brand-5': '#6911df',
}

RGB Array

[185, 133, 32], [70, 105, 199], [6, 5, 24], [26, 45, 170], [105, 17, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B98520, #4669C7, #060518, #1A2DAA, #6911DF is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #b98520; --color-2: #4669c7; --color-3: #060518; --color-4: #1a2daa; --color-5: #6911df. 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 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