← Back to Editor

#000113 · #421055 · #62105C · #B757B8 · #DDCABB

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

#000113

Indigo · Black · Deep Sea Blue

HEX
#000113
RGB
rgb(0, 1, 19)
HSL
hsl(237, 100%, 4%)
HSB
hsb(237, 100%, 7%)
CMYK
cmyk(100%, 95%, 0%, 93%)
Oklch
oklch(9.3% 0.053 263.9)

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

#421055

Royal Purple · MidnightBlue · Dark Purple

HEX
#421055
RGB
rgb(66, 16, 85)
HSL
hsl(283, 68%, 20%)
HSB
hsb(283, 81%, 33%)
CMYK
cmyk(22%, 81%, 0%, 67%)
Oklch
oklch(29.5% 0.121 314.7)

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

#62105C

Rose Purple · Purple · Eggplant

HEX
#62105C
RGB
rgb(98, 16, 92)
HSL
hsl(304, 72%, 22%)
HSB
hsb(304, 84%, 38%)
CMYK
cmyk(0%, 84%, 6%, 62%)
Oklch
oklch(35.3% 0.143 331.5)

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

#B757B8

Dark Plum · MediumOrchid · Violet

HEX
#B757B8
RGB
rgb(183, 87, 184)
HSL
hsl(299, 41%, 53%)
HSB
hsb(299, 53%, 72%)
CMYK
cmyk(1%, 53%, 0%, 28%)
Oklch
oklch(61.0% 0.173 327.0)

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

#DDCABB

Apricot · LightGray · Peach Orange

HEX
#DDCABB
RGB
rgb(221, 202, 187)
HSL
hsl(26, 33%, 80%)
HSB
hsb(26, 15%, 87%)
CMYK
cmyk(0%, 9%, 15%, 13%)
Oklch
oklch(85.1% 0.030 60.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000113
141300

Analogous

000B14
000113
090014

Triadic

000113
140001
011400

Split-Comp.

000113
140900
0B1400

Tetradic

000113
14000B
141300
001409

Contrast Matrix WCAG 2.1 Contrast

000113
421055
62105C
B757B8
DDCABB
—
1.4
Fail
1.7
Fail
5.0
AA
13.1
AAA
1.4
Fail
—
1.2
Fail
3.5
AA Large
9.2
AAA
1.7
Fail
1.2
Fail
—
2.9
Fail
7.6
AAA
5.0
AA
3.5
AA Large
2.9
Fail
—
2.6
Fail
13.1
AAA
9.2
AAA
7.6
AAA
2.6
Fail
—
White BG
20.7AAA
14.6AAA
12.0AAA
4.1AA Large
1.6Fail
Black BG
1.0Fail
1.4Fail
1.7Fail
5.1AA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

00000F
2C2C44
3E3E4A
8D8DA1
D5D5BF

Deuteranopia

00000E
2F3340
434945
939A9B
D6D7C0

Tritanopia

000B0A
3F3734
5E3B38
B28E8A
DCC1C2

Achromatopsia

030303
272727
313131
7F7F7F
CECECE

Shades & Tints Shades & Tints

#000113

Dark
Light

#421055

Dark
Light

#62105C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000113;
  --color-2: #421055;
  --color-3: #62105c;
  --color-4: #b757b8;
  --color-5: #ddcabb;
}

SCSS

$color-1: #000113;
$color-2: #421055;
$color-3: #62105c;
$color-4: #b757b8;
$color-5: #ddcabb;

TAILWIND

colors: {
  'brand-1': '#000113',
  'brand-2': '#421055',
  'brand-3': '#62105c',
  'brand-4': '#b757b8',
  'brand-5': '#ddcabb',
}

RGB Array

[0, 1, 19], [66, 16, 85], [98, 16, 92], [183, 87, 184], [221, 202, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000113, #421055, #62105C, #B757B8, #DDCABB 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: #000113; --color-2: #421055; --color-3: #62105c; --color-4: #b757b8; --color-5: #ddcabb. 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