← Back to Editor

#6F70CD · #4B0B6C · #F45C45 · #FDA052 · #E5C361

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

#6F70CD

Azure · SlateBlue · Cobalt Blue

HEX
#6F70CD
RGB
rgb(111, 112, 205)
HSL
hsl(239, 48%, 62%)
HSB
hsb(239, 46%, 80%)
CMYK
cmyk(46%, 45%, 0%, 20%)
Oklch
oklch(58.8% 0.140 280.7)

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

#4B0B6C

Royal Purple · MidnightBlue · Eggplant

HEX
#4B0B6C
RGB
rgb(75, 11, 108)
HSL
hsl(280, 82%, 23%)
HSB
hsb(280, 90%, 42%)
CMYK
cmyk(31%, 90%, 0%, 58%)
Oklch
oklch(32.4% 0.152 309.7)

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

#F45C45

Peach Pink · Tomato · Coral Red

HEX
#F45C45
RGB
rgb(244, 92, 69)
HSL
hsl(8, 89%, 61%)
HSB
hsb(8, 72%, 96%)
CMYK
cmyk(0%, 62%, 72%, 4%)
Oklch
oklch(67.1% 0.191 31.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FDA052

Apricot · SandyBrown · Warm Sun

HEX
#FDA052
RGB
rgb(253, 160, 82)
HSL
hsl(27, 98%, 66%)
HSB
hsb(27, 68%, 99%)
CMYK
cmyk(0%, 37%, 68%, 1%)
Oklch
oklch(78.6% 0.144 58.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E5C361

Ginger · SandyBrown · Sunflower

HEX
#E5C361
RGB
rgb(229, 195, 97)
HSL
hsl(45, 72%, 64%)
HSB
hsb(45, 58%, 90%)
CMYK
cmyk(0%, 15%, 58%, 10%)
Oklch
oklch(82.7% 0.123 90.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F70CD
CDCB70

Analogous

70A0CD
6F70CD
9D70CD

Triadic

6F70CD
CD7071
71CD70

Split-Comp.

6F70CD
CD9D70
A0CD70

Tetradic

6F70CD
CD70A0
CDCB70
70CD9D

Contrast Matrix WCAG 2.1 Contrast

6F70CD
4B0B6C
F45C45
FDA052
E5C361
—
3.1
AA Large
1.3
Fail
2.1
Fail
2.5
Fail
3.1
AA Large
—
4.1
AA Large
6.6
AA
7.9
AAA
1.3
Fail
4.1
AA Large
—
1.6
Fail
1.9
Fail
2.1
Fail
6.6
AA
1.6
Fail
—
1.2
Fail
2.5
Fail
7.9
AAA
1.9
Fail
1.2
Fail
—
White BG
4.3AA Large
13.4AAA
3.2AA Large
2.0Fail
1.7Fail
Black BG
4.9AA
1.6Fail
6.5AA
10.3AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6FB6
2F2F55
B2B14B
D5D465
D6D679

Deuteranopia

6F6FB1
33384F
BBC64C
DAE169
D8DB7E

Tritanopia

6FA5A1
48423E
EC4F50
F87477
E38B90

Achromatopsia

7A7A7A
292929
878787
B3B3B3
C2C2C2

Shades & Tints Shades & Tints

#6F70CD

Dark
Light

#4B0B6C

Dark
Light

#F45C45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f70cd;
  --color-2: #4b0b6c;
  --color-3: #f45c45;
  --color-4: #fda052;
  --color-5: #e5c361;
}

SCSS

$color-1: #6f70cd;
$color-2: #4b0b6c;
$color-3: #f45c45;
$color-4: #fda052;
$color-5: #e5c361;

TAILWIND

colors: {
  'brand-1': '#6f70cd',
  'brand-2': '#4b0b6c',
  'brand-3': '#f45c45',
  'brand-4': '#fda052',
  'brand-5': '#e5c361',
}

RGB Array

[111, 112, 205], [75, 11, 108], [244, 92, 69], [253, 160, 82], [229, 195, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F70CD, #4B0B6C, #F45C45, #FDA052, #E5C361 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: #6f70cd; --color-2: #4b0b6c; --color-3: #f45c45; --color-4: #fda052; --color-5: #e5c361. 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