← Back to Editor

#FE016B · #C4257A · #8B4A88 · #506E97 · #1693A5

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FE016B

Dark Violet · DeepPink · Camellia

HEX
#FE016B
RGB
rgb(254, 1, 107)
HSL
hsl(335, 99%, 50%)
HSB
hsb(335, 100%, 100%)
CMYK
cmyk(0%, 100%, 58%, 0%)
Oklch
oklch(63.8% 0.255 8.9)

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

#C4257A

Rose Purple · MediumVioletRed · Camellia

HEX
#C4257A
RGB
rgb(196, 37, 122)
HSL
hsl(328, 68%, 46%)
HSB
hsb(328, 81%, 77%)
CMYK
cmyk(0%, 81%, 38%, 23%)
Oklch
oklch(55.2% 0.204 354.1)

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

#8B4A88

Rose Purple · DimGray · Violet

HEX
#8B4A88
RGB
rgb(139, 74, 136)
HSL
hsl(303, 31%, 42%)
HSB
hsb(303, 47%, 55%)
CMYK
cmyk(0%, 47%, 2%, 45%)
Oklch
oklch(51.1% 0.121 328.9)

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

#506E97

Indigo · SteelBlue · Navy Blue

HEX
#506E97
RGB
rgb(80, 110, 151)
HSL
hsl(215, 31%, 45%)
HSB
hsb(215, 47%, 59%)
CMYK
cmyk(47%, 27%, 0%, 41%)
Oklch
oklch(53.2% 0.074 256.4)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#1693A5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1693A5
RGB
rgb(22, 147, 165)
HSL
hsl(188, 76%, 37%)
HSB
hsb(188, 87%, 65%)
CMYK
cmyk(87%, 11%, 0%, 35%)
Oklch
oklch(61.0% 0.102 210.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE016B
01FE95

Analogous

FE01E9
FE016B
FE1601

Triadic

FE016B
6AFE01
016AFE

Split-Comp.

FE016B
01FE16
01E9FE

Tetradic

FE016B
E9FE01
01FE95
1601FE

Contrast Matrix WCAG 2.1 Contrast

FE016B
C4257A
8B4A88
506E97
1693A5
—
1.4
Fail
1.6
Fail
1.4
Fail
1.1
Fail
1.4
Fail
—
1.1
Fail
1.0
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
1.4
Fail
1.0
Fail
1.2
Fail
—
1.4
Fail
1.1
Fail
1.5
Fail
1.7
Fail
1.4
Fail
—
White BG
3.9AA Large
5.4AA
6.1AA
5.2AA
3.7AA Large
Black BG
5.4AA
3.9AA Large
3.4AA Large
4.0AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908E51
7F7E65
6F6E79
5D5D8D
4C4DA1

Deuteranopia

9FB24B
889460
737875
5B598B
453CA0

Tritanopia

F13D39
BC5552
886D6B
528584
1C9D9C

Achromatopsia

595959
5E5E5E
656565
6A6A6A
707070

Shades & Tints Shades & Tints

#FE016B

Dark
Light

#C4257A

Dark
Light

#8B4A88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe016b;
  --color-2: #c4257a;
  --color-3: #8b4a88;
  --color-4: #506e97;
  --color-5: #1693a5;
}

SCSS

$color-1: #fe016b;
$color-2: #c4257a;
$color-3: #8b4a88;
$color-4: #506e97;
$color-5: #1693a5;

TAILWIND

colors: {
  'brand-1': '#fe016b',
  'brand-2': '#c4257a',
  'brand-3': '#8b4a88',
  'brand-4': '#506e97',
  'brand-5': '#1693a5',
}

RGB Array

[254, 1, 107], [196, 37, 122], [139, 74, 136], [80, 110, 151], [22, 147, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FE016B, #C4257A, #8B4A88, #506E97, #1693A5 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #fe016b; --color-2: #c4257a; --color-3: #8b4a88; --color-4: #506e97; --color-5: #1693a5. 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. 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 dark-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