#120B2D + #231072 + #4F309C + #7255AA + #7C4984 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#120B2D

Deep Indigo · Black · Deep Sea Blue

HEX

#120B2D

RGB

rgb(18, 11, 45)

HSL

hsl(252, 61%, 11%)

HSB

hsb(252, 76%, 18%)

CMYK

cmyk(60%, 76%, 0%, 82%)

Oklch

oklch(18.4% 0.065 287.6)

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

#231072

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#231072

RGB

rgb(35, 16, 114)

HSL

hsl(252, 75%, 25%)

HSB

hsb(252, 86%, 45%)

CMYK

cmyk(69%, 86%, 0%, 55%)

Oklch

oklch(28.6% 0.152 279.6)

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

#4F309C

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#4F309C

RGB

rgb(79, 48, 156)

HSL

hsl(257, 53%, 40%)

HSB

hsb(257, 69%, 61%)

CMYK

cmyk(49%, 69%, 0%, 39%)

Oklch

oklch(41.3% 0.165 290.5)

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

#7255AA

Deep Indigo · SlateBlue · Violet

HEX

#7255AA

RGB

rgb(114, 85, 170)

HSL

hsl(260, 33%, 50%)

HSB

hsb(260, 50%, 67%)

CMYK

cmyk(33%, 50%, 0%, 33%)

Oklch

oklch(51.9% 0.132 297.3)

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

#7C4984

Dark Plum · DimGray · Eggplant

HEX

#7C4984

RGB

rgb(124, 73, 132)

HSL

hsl(292, 29%, 40%)

HSB

hsb(292, 45%, 52%)

CMYK

cmyk(6%, 45%, 0%, 48%)

Oklch

oklch(48.8% 0.109 322.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

120B2D

262D0B

Analogous

0B152D

120B2D

230B2D

Triadic

120B2D

2D120B

0B2D12

Split-Comp.

120B2D

2D230B

152D0B

Tetradic

120B2D

2D0B15

262D0B

0B2D23

Contrast Matrix WCAG 2.1 Contrast

120B2D	231072	4F309C	7255AA	7C4984
—	1.2 Fail	2.0 Fail	3.2 AA Large	2.8 Fail
1.2 Fail	—	1.6 Fail	2.6 Fail	2.3 Fail
2.0 Fail	1.6 Fail	—	1.6 Fail	1.4 Fail
3.2 AA Large	2.6 Fail	1.6 Fail	—	1.1 Fail
2.8 Fail	2.3 Fail	1.4 Fail	1.1 Fail	—

White BG

18.9AAA

15.1AAA

9.4AAA

5.8AA

6.7AA

Black BG

1.1Fail

1.4Fail

2.2Fail

3.6AA Large

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F25

1B1B5A

424182

656595

666576

Deuteranopia

0F1023

1C1D55

43467C

676991

696D72

Tritanopia

121E1D

224843

4D6D69

718582

796A68

Achromatopsia

111111

212121

464646

676767

5F5F5F

Shades & Tints Shades & Tints

#120B2D

Dark

Light

#231072

Dark

Light

#4F309C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #120b2d;
  --color-2: #231072;
  --color-3: #4f309c;
  --color-4: #7255aa;
  --color-5: #7c4984;
}

SCSS

$color-1: #120b2d;
$color-2: #231072;
$color-3: #4f309c;
$color-4: #7255aa;
$color-5: #7c4984;

TAILWIND

colors: {
  'brand-1': '#120b2d',
  'brand-2': '#231072',
  'brand-3': '#4f309c',
  'brand-4': '#7255aa',
  'brand-5': '#7c4984',
}

RGB Array

[18, 11, 45], [35, 16, 114], [79, 48, 156], [114, 85, 170], [124, 73, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #120B2D, #231072, #4F309C, #7255AA, #7C4984 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: #120b2d; --color-2: #231072; --color-3: #4f309c; --color-4: #7255aa; --color-5: #7c4984. 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 space-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