← Back to Editor

#7F2165 · #AC3262 · #F0B68F · #75E0B3 · #E25F58

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

#7F2165

Rose Purple · Purple · Eggplant

HEX
#7F2165
RGB
rgb(127, 33, 101)
HSL
hsl(317, 59%, 31%)
HSB
hsb(317, 74%, 50%)
CMYK
cmyk(0%, 74%, 20%, 50%)
Oklch
oklch(42.2% 0.148 341.2)

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

#AC3262

Dark Violet · MediumVioletRed · Camellia

HEX
#AC3262
RGB
rgb(172, 50, 98)
HSL
hsl(336, 55%, 44%)
HSB
hsb(336, 71%, 67%)
CMYK
cmyk(0%, 71%, 43%, 33%)
Oklch
oklch(51.4% 0.162 0.7)

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

#F0B68F

Apricot · BurlyWood · Warm Sun

HEX
#F0B68F
RGB
rgb(240, 182, 143)
HSL
hsl(24, 76%, 75%)
HSB
hsb(24, 40%, 94%)
CMYK
cmyk(0%, 24%, 40%, 6%)
Oklch
oklch(82.0% 0.085 55.1)

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

#75E0B3

Jade · MediumAquaMarine · Apple Green

HEX
#75E0B3
RGB
rgb(117, 224, 179)
HSL
hsl(155, 63%, 67%)
HSB
hsb(155, 48%, 88%)
CMYK
cmyk(48%, 0%, 20%, 12%)
Oklch
oklch(83.0% 0.119 164.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E25F58

Peach Pink · Tomato · Coral Red

HEX
#E25F58
RGB
rgb(226, 95, 88)
HSL
hsl(3, 70%, 62%)
HSB
hsb(3, 61%, 89%)
CMYK
cmyk(0%, 58%, 61%, 11%)
Oklch
oklch(65.0% 0.165 25.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F2165
207E3B

Analogous

69207E
7F2165
7E2035

Triadic

7F2165
637E20
20637E

Split-Comp.

7F2165
357E20
207E69

Tetradic

7F2165
7E6920
207E3B
20357E

Contrast Matrix WCAG 2.1 Contrast

7F2165
AC3262
F0B68F
75E0B3
E25F58
—
1.5
Fail
5.1
AA
5.7
AA
2.6
Fail
1.5
Fail
—
3.5
AA Large
3.9
AA Large
1.8
Fail
5.1
AA
3.5
AA Large
—
1.1
Fail
2.0
Fail
5.7
AA
3.9
AA Large
1.1
Fail
—
2.2
Fail
2.6
Fail
1.8
Fail
2.0
Fail
2.2
Fail
—
White BG
9.1AAA
6.2AA
1.8Fail
1.6Fail
3.5AA Large
Black BG
2.3Fail
3.4AA Large
11.8AAA
13.1AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565555
777656
D7D698
A3A4BE
A9A85A

Deuteranopia

5C6351
7E8754
DADF9B
9D95C1
B1BB5A

Tritanopia

7A4845
A64D4B
EDA0A2
7AC6C8
DB5B5B

Achromatopsia

454545
5C5C5C
C3C3C3
BBBBBB
858585

Shades & Tints Shades & Tints

#7F2165

Dark
Light

#AC3262

Dark
Light

#F0B68F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f2165;
  --color-2: #ac3262;
  --color-3: #f0b68f;
  --color-4: #75e0b3;
  --color-5: #e25f58;
}

SCSS

$color-1: #7f2165;
$color-2: #ac3262;
$color-3: #f0b68f;
$color-4: #75e0b3;
$color-5: #e25f58;

TAILWIND

colors: {
  'brand-1': '#7f2165',
  'brand-2': '#ac3262',
  'brand-3': '#f0b68f',
  'brand-4': '#75e0b3',
  'brand-5': '#e25f58',
}

RGB Array

[127, 33, 101], [172, 50, 98], [240, 182, 143], [117, 224, 179], [226, 95, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F2165, #AC3262, #F0B68F, #75E0B3, #E25F58 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: #7f2165; --color-2: #ac3262; --color-3: #f0b68f; --color-4: #75e0b3; --color-5: #e25f58. 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