← Back to Editor

#07060A · #DA2F7D · #7A0570 · #000044 · #332C2C

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

#07060A

Deep Indigo · Black · Deep Sea Blue

HEX
#07060A
RGB
rgb(7, 6, 10)
HSL
hsl(255, 25%, 3%)
HSB
hsb(255, 40%, 4%)
CMYK
cmyk(30%, 40%, 0%, 96%)
Oklch
oklch(12.6% 0.010 297.7)

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

#DA2F7D

Dark Violet · MediumVioletRed · Rose Pink

HEX
#DA2F7D
RGB
rgb(218, 47, 125)
HSL
hsl(333, 70%, 52%)
HSB
hsb(333, 78%, 85%)
CMYK
cmyk(0%, 78%, 43%, 15%)
Oklch
oklch(59.7% 0.213 358.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#7A0570

Rose Purple · Purple · Eggplant

HEX
#7A0570
RGB
rgb(122, 5, 112)
HSL
hsl(305, 92%, 25%)
HSB
hsb(305, 96%, 48%)
CMYK
cmyk(0%, 96%, 8%, 52%)
Oklch
oklch(40.2% 0.177 332.8)

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

#000044

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#000044
RGB
rgb(0, 0, 68)
HSL
hsl(240, 100%, 13%)
HSB
hsb(240, 100%, 27%)
CMYK
cmyk(100%, 100%, 0%, 73%)
Oklch
oklch(17.5% 0.121 264.1)

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

#332C2C

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#332C2C
RGB
rgb(51, 44, 44)
HSL
hsl(0, 7%, 19%)
HSB
hsb(0, 14%, 20%)
CMYK
cmyk(0%, 14%, 14%, 80%)
Oklch
oklch(30.1% 0.010 17.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

07060A
090A06

Analogous

06070A
07060A
09060A

Triadic

07060A
0A0706
060A07

Split-Comp.

07060A
0A0906
070A06

Tetradic

07060A
0A0607
090A06
060A09

Contrast Matrix WCAG 2.1 Contrast

07060A
DA2F7D
7A0570
000044
332C2C
—
4.5
AA
2.0
Fail
1.0
Fail
1.5
Fail
4.5
AA
—
2.2
Fail
4.3
AA Large
3.0
AA Large
2.0
Fail
2.2
Fail
—
1.9
Fail
1.4
Fail
1.0
Fail
4.3
AA Large
1.9
Fail
—
1.4
Fail
1.5
Fail
3.0
AA Large
1.4
Fail
1.4
Fail
—
White BG
20.2AAA
4.5AA Large
10.1AAA
19.4AAA
13.7AAA
Black BG
1.0Fail
4.7AA
2.1Fail
1.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

070709
908E6A
474656
000034
30302C

Deuteranopia

070709
9AA766
4E5750
000030
30312C

Tritanopia

070808
D15B58
74423D
002724
332C2C

Achromatopsia

070707
6B6B6B
343434
080808
2E2E2E

Shades & Tints Shades & Tints

#07060A

Dark
Light

#DA2F7D

Dark
Light

#7A0570

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #07060a;
  --color-2: #da2f7d;
  --color-3: #7a0570;
  --color-4: #000044;
  --color-5: #332c2c;
}

SCSS

$color-1: #07060a;
$color-2: #da2f7d;
$color-3: #7a0570;
$color-4: #000044;
$color-5: #332c2c;

TAILWIND

colors: {
  'brand-1': '#07060a',
  'brand-2': '#da2f7d',
  'brand-3': '#7a0570',
  'brand-4': '#000044',
  'brand-5': '#332c2c',
}

RGB Array

[7, 6, 10], [218, 47, 125], [122, 5, 112], [0, 0, 68], [51, 44, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #07060A, #DA2F7D, #7A0570, #000044, #332C2C 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: #07060a; --color-2: #da2f7d; --color-3: #7a0570; --color-4: #000044; --color-5: #332c2c. 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