← Back to Editor

#94A8F7 · #24021F · #B176CC · #E494F7 · #DCF7E7

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

#94A8F7

Azure · LightSkyBlue · Cobalt Blue

HEX
#94A8F7
RGB
rgb(148, 168, 247)
HSL
hsl(228, 86%, 77%)
HSB
hsb(228, 40%, 97%)
CMYK
cmyk(40%, 32%, 0%, 3%)
Oklch
oklch(74.7% 0.117 272.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#24021F

Rose Purple · Black · Dark Purple

HEX
#24021F
RGB
rgb(36, 2, 31)
HSL
hsl(309, 89%, 7%)
HSB
hsb(309, 94%, 14%)
CMYK
cmyk(0%, 94%, 14%, 86%)
Oklch
oklch(18.3% 0.074 334.5)

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

#B176CC

Lilac · MediumOrchid · Lilac Purple

HEX
#B176CC
RGB
rgb(177, 118, 204)
HSL
hsl(281, 46%, 63%)
HSB
hsb(281, 42%, 80%)
CMYK
cmyk(13%, 42%, 0%, 20%)
Oklch
oklch(65.9% 0.138 314.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#E494F7

Lilac · Violet · Lilac Purple

HEX
#E494F7
RGB
rgb(228, 148, 247)
HSL
hsl(288, 86%, 77%)
HSB
hsb(288, 40%, 97%)
CMYK
cmyk(8%, 40%, 0%, 3%)
Oklch
oklch(78.1% 0.159 319.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#DCF7E7

Emerald · Beige · Mint Green

HEX
#DCF7E7
RGB
rgb(220, 247, 231)
HSL
hsl(144, 63%, 92%)
HSB
hsb(144, 11%, 97%)
CMYK
cmyk(11%, 0%, 6%, 3%)
Oklch
oklch(95.2% 0.035 159.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A8F7
F7E392

Analogous

92D9F7
94A8F7
B092F7

Triadic

94A8F7
F792A6
A6F792

Split-Comp.

94A8F7
F7B092
D9F792

Tetradic

94A8F7
F792D9
F7E392
92F7B0

Contrast Matrix WCAG 2.1 Contrast

94A8F7
24021F
B176CC
E494F7
DCF7E7
—
8.3
AAA
1.5
Fail
1.1
Fail
2.0
Fail
8.3
AAA
—
5.7
AA
9.0
AAA
16.8
AAA
1.5
Fail
5.7
AA
—
1.6
Fail
2.9
Fail
1.1
Fail
9.0
AAA
1.6
Fail
—
1.9
Fail
2.0
Fail
16.8
AAA
2.9
Fail
1.9
Fail
—
White BG
2.3Fail
19.0AAA
3.3AA Large
2.1Fail
1.1Fail
Black BG
9.2AAA
1.1Fail
6.3AA
9.9AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DE4
151518
9797B7
C1C1DF
E8E8EB

Deuteranopia

9C9ADF
171A16
9B9FB2
C6CCD9
E6E4EC

Tritanopia

95D5D1
221211
AEA7A3
E0CCC8
DDEEEF

Achromatopsia

ABABAB
0F0F0F
919191
B7B7B7
EDEDED

Shades & Tints Shades & Tints

#94A8F7

Dark
Light

#24021F

Dark
Light

#B176CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a8f7;
  --color-2: #24021f;
  --color-3: #b176cc;
  --color-4: #e494f7;
  --color-5: #dcf7e7;
}

SCSS

$color-1: #94a8f7;
$color-2: #24021f;
$color-3: #b176cc;
$color-4: #e494f7;
$color-5: #dcf7e7;

TAILWIND

colors: {
  'brand-1': '#94a8f7',
  'brand-2': '#24021f',
  'brand-3': '#b176cc',
  'brand-4': '#e494f7',
  'brand-5': '#dcf7e7',
}

RGB Array

[148, 168, 247], [36, 2, 31], [177, 118, 204], [228, 148, 247], [220, 247, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A8F7, #24021F, #B176CC, #E494F7, #DCF7E7 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #94a8f7; --color-2: #24021f; --color-3: #b176cc; --color-4: #e494f7; --color-5: #dcf7e7. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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