← Back to Editor

#FFA6D3 · #AB4DA0 · #590773 · #26083B · #04021E

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

#FFA6D3

Rouge · LightPink · Cherry Blossom

HEX
#FFA6D3
RGB
rgb(255, 166, 211)
HSL
hsl(330, 100%, 83%)
HSB
hsb(330, 35%, 100%)
CMYK
cmyk(0%, 35%, 17%, 0%)
Oklch
oklch(82.6% 0.118 348.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#AB4DA0

Rose Purple · MediumOrchid · Violet

HEX
#AB4DA0
RGB
rgb(171, 77, 160)
HSL
hsl(307, 38%, 49%)
HSB
hsb(307, 55%, 67%)
CMYK
cmyk(0%, 55%, 6%, 33%)
Oklch
oklch(56.9% 0.160 332.1)

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

#590773

Royal Purple · Purple · Eggplant

HEX
#590773
RGB
rgb(89, 7, 115)
HSL
hsl(286, 89%, 24%)
HSB
hsb(286, 94%, 45%)
CMYK
cmyk(23%, 94%, 0%, 55%)
Oklch
oklch(35.0% 0.165 315.2)

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

#26083B

Royal Purple · MidnightBlue · Dark Purple

HEX
#26083B
RGB
rgb(38, 8, 59)
HSL
hsl(275, 76%, 13%)
HSB
hsb(275, 86%, 23%)
CMYK
cmyk(36%, 86%, 0%, 77%)
Oklch
oklch(22.0% 0.093 307.0)

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

#04021E

Deep Indigo · Black · Deep Sea Blue

HEX
#04021E
RGB
rgb(4, 2, 30)
HSL
hsl(244, 88%, 6%)
HSB
hsb(244, 93%, 12%)
CMYK
cmyk(87%, 93%, 0%, 88%)
Oklch
oklch(12.4% 0.063 277.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA6D3
A8FFD4

Analogous

FFA8FF
FFA6D3
FFA8A8

Triadic

FFA6D3
D4FFA8
A8D4FF

Split-Comp.

FFA6D3
A8FFA8
A8FFFF

Tetradic

FFA6D3
FFFFA8
A8FFD4
A8A8FF

Contrast Matrix WCAG 2.1 Contrast

FFA6D3
AB4DA0
590773
26083B
04021E
—
2.7
Fail
6.8
AA
9.9
AAA
11.3
AAA
2.7
Fail
—
2.5
Fail
3.6
AA Large
4.2
AA Large
6.8
AA
2.5
Fail
—
1.4
Fail
1.6
Fail
9.9
AAA
3.6
AA Large
1.4
Fail
—
1.1
Fail
11.3
AAA
4.2
AA Large
1.6
Fail
1.1
Fail
—
White BG
1.8Fail
4.9AA
12.3AAA
17.8AAA
20.3AAA
Black BG
11.6AAA
4.3AA Large
1.7Fail
1.2Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C8
82818C
353559
19192F
030317

Deuteranopia

DEE4C6
888F87
3A4053
1B1D2C
030316

Tritanopia

FBC0BE
A67C79
554440
252523
041211

Achromatopsia

C6C6C6
737373
2C2C2C
171717
060606

Shades & Tints Shades & Tints

#FFA6D3

Dark
Light

#AB4DA0

Dark
Light

#590773

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa6d3;
  --color-2: #ab4da0;
  --color-3: #590773;
  --color-4: #26083b;
  --color-5: #04021e;
}

SCSS

$color-1: #ffa6d3;
$color-2: #ab4da0;
$color-3: #590773;
$color-4: #26083b;
$color-5: #04021e;

TAILWIND

colors: {
  'brand-1': '#ffa6d3',
  'brand-2': '#ab4da0',
  'brand-3': '#590773',
  'brand-4': '#26083b',
  'brand-5': '#04021e',
}

RGB Array

[255, 166, 211], [171, 77, 160], [89, 7, 115], [38, 8, 59], [4, 2, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFA6D3, #AB4DA0, #590773, #26083B, #04021E 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: #ffa6d3; --color-2: #ab4da0; --color-3: #590773; --color-4: #26083b; --color-5: #04021e. 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