← Back to Editor

#270C4D · #1B0D66 · #081380 · #043599 · #B3B0A5

space

A 5-color space 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

#270C4D

Deep Indigo · MidnightBlue · Dark Purple

HEX
#270C4D
RGB
rgb(39, 12, 77)
HSL
hsl(265, 73%, 17%)
HSB
hsb(265, 84%, 30%)
CMYK
cmyk(49%, 84%, 0%, 70%)
Oklch
oklch(24.4% 0.110 296.0)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#1B0D66

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#1B0D66
RGB
rgb(27, 13, 102)
HSL
hsl(249, 77%, 23%)
HSB
hsb(249, 87%, 40%)
CMYK
cmyk(74%, 87%, 0%, 60%)
Oklch
oklch(26.1% 0.142 277.3)

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

#081380

Indigo · Navy · Prussian Blue

HEX
#081380
RGB
rgb(8, 19, 128)
HSL
hsl(235, 88%, 27%)
HSB
hsb(235, 94%, 50%)
CMYK
cmyk(94%, 85%, 0%, 50%)
Oklch
oklch(29.2% 0.174 266.2)

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

#043599

Indigo · MidnightBlue · Prussian Blue

HEX
#043599
RGB
rgb(4, 53, 153)
HSL
hsl(220, 95%, 31%)
HSB
hsb(220, 97%, 60%)
CMYK
cmyk(97%, 65%, 0%, 40%)
Oklch
oklch(37.5% 0.170 262.3)

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

#B3B0A5

Ginger · DarkGray · Silver Sand

HEX
#B3B0A5
RGB
rgb(179, 176, 165)
HSL
hsl(47, 8%, 67%)
HSB
hsb(47, 8%, 70%)
CMYK
cmyk(0%, 2%, 8%, 30%)
Oklch
oklch(75.7% 0.016 94.3)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

270C4D
314B0C

Analogous

0C114B
270C4D
460C4B

Triadic

270C4D
4B260C
0C4B26

Split-Comp.

270C4D
4B460C
114B0C

Tetradic

270C4D
4B0C11
314B0C
0C4B46

Contrast Matrix WCAG 2.1 Contrast

270C4D
1B0D66
081380
043599
B3B0A5
—
1.0
Fail
1.1
Fail
1.6
Fail
7.8
AAA
1.0
Fail
—
1.1
Fail
1.5
Fail
7.5
AAA
1.1
Fail
1.1
Fail
—
1.4
Fail
6.8
AA
1.6
Fail
1.5
Fail
1.4
Fail
—
4.9
AA
7.8
AAA
7.5
AAA
6.8
AA
4.9
AA
—
White BG
16.9AAA
16.2AAA
14.8AAA
10.6AAA
2.2Fail
Black BG
1.2Fail
1.3Fail
1.4Fail
2.0Fail
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B3D
151550
0D0D66
191A81
B2B2A8

Deuteranopia

1D1F3A
16174B
0C0B5F
16137B
B2B2A8

Tritanopia

26312E
1A3F3C
09514C
066E6A
B3AAAA

Achromatopsia

1B1B1B
1B1B1B
1C1C1C
323232
B0B0B0

Shades & Tints Shades & Tints

#270C4D

Dark
Light

#1B0D66

Dark
Light

#081380

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #270c4d;
  --color-2: #1b0d66;
  --color-3: #081380;
  --color-4: #043599;
  --color-5: #b3b0a5;
}

SCSS

$color-1: #270c4d;
$color-2: #1b0d66;
$color-3: #081380;
$color-4: #043599;
$color-5: #b3b0a5;

TAILWIND

colors: {
  'brand-1': '#270c4d',
  'brand-2': '#1b0d66',
  'brand-3': '#081380',
  'brand-4': '#043599',
  'brand-5': '#b3b0a5',
}

RGB Array

[39, 12, 77], [27, 13, 102], [8, 19, 128], [4, 53, 153], [179, 176, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #270C4D, #1B0D66, #081380, #043599, #B3B0A5 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: #270c4d; --color-2: #1b0d66; --color-3: #081380; --color-4: #043599; --color-5: #b3b0a5. 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 space-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