← Back to Editor

#1A0319 · #2A152A · #70115D · #AB719F · #B6CCC0

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1A0319

Rose Purple · Black · Dark Purple

HEX
#1A0319
RGB
rgb(26, 3, 25)
HSL
hsl(303, 79%, 6%)
HSB
hsb(303, 88%, 10%)
CMYK
cmyk(0%, 88%, 4%, 90%)
Oklch
oklch(16.0% 0.058 329.5)

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

#2A152A

Rose Purple · Black · Dark Purple

HEX
#2A152A
RGB
rgb(42, 21, 42)
HSL
hsl(300, 33%, 12%)
HSB
hsb(300, 50%, 16%)
CMYK
cmyk(0%, 50%, 0%, 84%)
Oklch
oklch(23.5% 0.049 327.0)

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

#70115D

Rose Purple · Purple · Eggplant

HEX
#70115D
RGB
rgb(112, 17, 93)
HSL
hsl(312, 74%, 25%)
HSB
hsb(312, 85%, 44%)
CMYK
cmyk(0%, 85%, 17%, 56%)
Oklch
oklch(37.9% 0.150 338.1)

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

#AB719F

Rose Purple · Gray · Violet

HEX
#AB719F
RGB
rgb(171, 113, 159)
HSL
hsl(312, 26%, 56%)
HSB
hsb(312, 34%, 67%)
CMYK
cmyk(0%, 34%, 7%, 33%)
Oklch
oklch(62.4% 0.096 334.4)

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

#B6CCC0

Celadon · Silver · Apple Green

HEX
#B6CCC0
RGB
rgb(182, 204, 192)
HSL
hsl(147, 18%, 76%)
HSB
hsb(147, 11%, 80%)
CMYK
cmyk(11%, 0%, 6%, 20%)
Oklch
oklch(82.5% 0.029 161.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A0319
031B04

Analogous

11031B
1A0319
1B030E

Triadic

1A0319
1A1B03
031A1B

Split-Comp.

1A0319
0E1B03
031B11

Tetradic

1A0319
1B1103
031B04
030E1B

Contrast Matrix WCAG 2.1 Contrast

1A0319
2A152A
70115D
AB719F
B6CCC0
—
1.2
Fail
1.8
Fail
5.2
AA
11.6
AAA
1.2
Fail
—
1.6
Fail
4.5
AA
10.0
AAA
1.8
Fail
1.6
Fail
—
2.9
Fail
6.4
AA
5.2
AA
4.5
AA
2.9
Fail
—
2.2
Fail
11.6
AAA
10.0
AAA
6.4
AA
2.2
Fail
—
White BG
19.6AAA
16.9AAA
10.9AAA
3.8AA Large
1.7Fail
Black BG
1.1Fail
1.2Fail
1.9Fail
5.6AA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101014
212125
47464B
929194
C0C0C3

Deuteranopia

111312
222424
4C5346
959A91
BEBDC4

Tritanopia

190F0F
292120
6B3C39
A88B89
B7C5C6

Achromatopsia

0C0C0C
1E1E1E
363636
888888
C4C4C4

Shades & Tints Shades & Tints

#1A0319

Dark
Light

#2A152A

Dark
Light

#70115D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a0319;
  --color-2: #2a152a;
  --color-3: #70115d;
  --color-4: #ab719f;
  --color-5: #b6ccc0;
}

SCSS

$color-1: #1a0319;
$color-2: #2a152a;
$color-3: #70115d;
$color-4: #ab719f;
$color-5: #b6ccc0;

TAILWIND

colors: {
  'brand-1': '#1a0319',
  'brand-2': '#2a152a',
  'brand-3': '#70115d',
  'brand-4': '#ab719f',
  'brand-5': '#b6ccc0',
}

RGB Array

[26, 3, 25], [42, 21, 42], [112, 17, 93], [171, 113, 159], [182, 204, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A0319, #2A152A, #70115D, #AB719F, #B6CCC0 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: #1a0319; --color-2: #2a152a; --color-3: #70115d; --color-4: #ab719f; --color-5: #b6ccc0. 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