← Back to Editor

#F40077 · #D70088 · #3F0061 · #006990 · #EED700

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 App

Color Details Color Details

#F40077

Dark Violet · DeepPink · Camellia

HEX
#F40077
RGB
rgb(244, 0, 119)
HSL
hsl(331, 100%, 48%)
HSB
hsb(331, 100%, 96%)
CMYK
cmyk(0%, 100%, 51%, 4%)
Oklch
oklch(62.3% 0.251 3.5)

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

#D70088

Rose Purple · MediumVioletRed · Camellia

HEX
#D70088
RGB
rgb(215, 0, 136)
HSL
hsl(322, 100%, 42%)
HSB
hsb(322, 100%, 84%)
CMYK
cmyk(0%, 100%, 37%, 16%)
Oklch
oklch(57.7% 0.239 352.0)

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

#3F0061

Royal Purple · MidnightBlue · Dark Purple

HEX
#3F0061
RGB
rgb(63, 0, 97)
HSL
hsl(279, 100%, 19%)
HSB
hsb(279, 100%, 38%)
CMYK
cmyk(35%, 100%, 0%, 62%)
Oklch
oklch(28.8% 0.147 307.8)

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

#006990

Lake Blue · Teal · Mint Ice

HEX
#006990
RGB
rgb(0, 105, 144)
HSL
hsl(196, 100%, 28%)
HSB
hsb(196, 100%, 56%)
CMYK
cmyk(100%, 27%, 0%, 44%)
Oklch
oklch(49.0% 0.101 232.9)

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

#EED700

Autumn Sage · Gold · Honey Gold

HEX
#EED700
RGB
rgb(238, 215, 0)
HSL
hsl(54, 100%, 47%)
HSB
hsb(54, 100%, 93%)
CMYK
cmyk(0%, 10%, 100%, 7%)
Oklch
oklch(87.1% 0.182 101.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F40077
00F57E

Analogous

F500F1
F40077
F50400

Triadic

F40077
76F500
0076F5

Split-Comp.

F40077
00F504
00F1F5

Tetradic

F40077
F1F500
00F57E
0400F5

Contrast Matrix WCAG 2.1 Contrast

F40077
D70088
3F0061
006990
EED700
—
1.2
Fail
3.7
AA Large
1.5
Fail
2.8
Fail
1.2
Fail
—
3.1
AA Large
1.2
Fail
3.4
AA Large
3.7
AA Large
3.1
AA Large
—
2.5
Fail
10.4
AAA
1.5
Fail
1.2
Fail
2.5
Fail
—
4.2
AA Large
2.8
Fail
3.4
AA Large
10.4
AAA
4.2
AA Large
—
White BG
4.1AA Large
4.9AA
15.2AAA
6.1AA
1.5Fail
Black BG
5.1AA
4.2AA Large
1.4Fail
3.4AA Large
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A885A
7A7867
24234A
2D2E87
E4E434

Deuteranopia

99AB53
86975F
272C44
272084
E5E741

Tritanopia

E8433E
CC4D47
3C3733
057F7D
ED5D66

Achromatopsia

575757
505050
1E1E1E
4E4E4E
C5C5C5

Shades & Tints Shades & Tints

#F40077

Dark
Light

#D70088

Dark
Light

#3F0061

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f40077;
  --color-2: #d70088;
  --color-3: #3f0061;
  --color-4: #006990;
  --color-5: #eed700;
}

SCSS

$color-1: #f40077;
$color-2: #d70088;
$color-3: #3f0061;
$color-4: #006990;
$color-5: #eed700;

TAILWIND

colors: {
  'brand-1': '#f40077',
  'brand-2': '#d70088',
  'brand-3': '#3f0061',
  'brand-4': '#006990',
  'brand-5': '#eed700',
}

RGB Array

[244, 0, 119], [215, 0, 136], [63, 0, 97], [0, 105, 144], [238, 215, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F40077, #D70088, #3F0061, #006990, #EED700 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #f40077; --color-2: #d70088; --color-3: #3f0061; --color-4: #006990; --color-5: #eed700. 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. 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