← Back to Editor

#0B003C · #2A0346 · #470743 · #6D0F44 · #F4F3D4

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

#0B003C

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#0B003C
RGB
rgb(11, 0, 60)
HSL
hsl(251, 100%, 12%)
HSB
hsb(251, 100%, 24%)
CMYK
cmyk(82%, 100%, 0%, 76%)
Oklch
oklch(17.2% 0.106 277.5)

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

#2A0346

Royal Purple · MidnightBlue · Dark Purple

HEX
#2A0346
RGB
rgb(42, 3, 70)
HSL
hsl(275, 92%, 14%)
HSB
hsb(275, 96%, 27%)
CMYK
cmyk(40%, 96%, 0%, 73%)
Oklch
oklch(23.1% 0.113 305.0)

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

#470743

Rose Purple · MidnightBlue · Dark Purple

HEX
#470743
RGB
rgb(71, 7, 67)
HSL
hsl(304, 82%, 15%)
HSB
hsb(304, 90%, 28%)
CMYK
cmyk(0%, 90%, 6%, 72%)
Oklch
oklch(28.2% 0.117 331.1)

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

#6D0F44

Rose Purple · Purple · Raspberry

HEX
#6D0F44
RGB
rgb(109, 15, 68)
HSL
hsl(326, 76%, 24%)
HSB
hsb(326, 86%, 43%)
CMYK
cmyk(0%, 86%, 38%, 57%)
Oklch
oklch(36.0% 0.135 352.3)

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

#F4F3D4

Fresh Green · Beige · Lemon Cream

HEX
#F4F3D4
RGB
rgb(244, 243, 212)
HSL
hsl(58, 59%, 89%)
HSB
hsb(58, 13%, 96%)
CMYK
cmyk(0%, 0%, 13%, 4%)
Oklch
oklch(95.7% 0.041 105.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B003C
323D00

Analogous

00133D
0B003C
2A003D

Triadic

0B003C
3D0B00
003D0B

Split-Comp.

0B003C
3D2A00
133D00

Tetradic

0B003C
3D0013
323D00
003D2A

Contrast Matrix WCAG 2.1 Contrast

0B003C
2A0346
470743
6D0F44
F4F3D4
—
1.1
Fail
1.3
Fail
1.7
Fail
17.2
AAA
1.1
Fail
—
1.1
Fail
1.5
Fail
15.5
AAA
1.3
Fail
1.1
Fail
—
1.3
Fail
13.5
AAA
1.7
Fail
1.5
Fail
1.3
Fail
—
10.3
AAA
17.2
AAA
15.5
AAA
13.5
AAA
10.3
AAA
—
White BG
19.5AAA
17.5AAA
15.2AAA
11.7AAA
1.1Fail
Black BG
1.1Fail
1.2Fail
1.4Fail
1.8Fail
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

06062D
191936
2B2B34
444337
F4F4DC

Deuteranopia

07082A
1B1E32
2F3431
4A5134
F4F4DD

Tritanopia

0A2220
282926
442927
682D2B
F4E1E3

Achromatopsia

0A0A0A
161616
212121
313131
F0F0F0

Shades & Tints Shades & Tints

#0B003C

Dark
Light

#2A0346

Dark
Light

#470743

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b003c;
  --color-2: #2a0346;
  --color-3: #470743;
  --color-4: #6d0f44;
  --color-5: #f4f3d4;
}

SCSS

$color-1: #0b003c;
$color-2: #2a0346;
$color-3: #470743;
$color-4: #6d0f44;
$color-5: #f4f3d4;

TAILWIND

colors: {
  'brand-1': '#0b003c',
  'brand-2': '#2a0346',
  'brand-3': '#470743',
  'brand-4': '#6d0f44',
  'brand-5': '#f4f3d4',
}

RGB Array

[11, 0, 60], [42, 3, 70], [71, 7, 67], [109, 15, 68], [244, 243, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B003C, #2A0346, #470743, #6D0F44, #F4F3D4 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: #0b003c; --color-2: #2a0346; --color-3: #470743; --color-4: #6d0f44; --color-5: #f4f3d4. 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