← Back to Editor

#53153C · #F93170 · #FF8989 · #FFD893 · #A7C5A1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#53153C

Rose Purple · DarkSlateGray · Raspberry

HEX
#53153C
RGB
rgb(83, 21, 60)
HSL
hsl(322, 60%, 20%)
HSB
hsb(322, 75%, 33%)
CMYK
cmyk(0%, 75%, 28%, 67%)
Oklch
oklch(31.4% 0.102 345.9)

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

#F93170

Dark Violet · DeepPink · Rose Pink

HEX
#F93170
RGB
rgb(249, 49, 112)
HSL
hsl(341, 94%, 58%)
HSB
hsb(341, 80%, 98%)
CMYK
cmyk(0%, 80%, 55%, 2%)
Oklch
oklch(64.7% 0.232 9.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FF8989

Peach Pink · LightCoral · Coral Red

HEX
#FF8989
RGB
rgb(255, 137, 137)
HSL
hsl(0, 100%, 77%)
HSB
hsb(0, 46%, 100%)
CMYK
cmyk(0%, 46%, 46%, 0%)
Oklch
oklch(76.0% 0.143 21.0)

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

#FFD893

Goose Yellow · Khaki · Peach Orange

HEX
#FFD893
RGB
rgb(255, 216, 147)
HSL
hsl(38, 100%, 79%)
HSB
hsb(38, 42%, 100%)
CMYK
cmyk(0%, 15%, 42%, 0%)
Oklch
oklch(90.0% 0.097 81.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A7C5A1

Celadon · DarkGray · Apple Green

HEX
#A7C5A1
RGB
rgb(167, 197, 161)
HSL
hsl(110, 24%, 70%)
HSB
hsb(110, 18%, 77%)
CMYK
cmyk(15%, 0%, 18%, 23%)
Oklch
oklch(79.1% 0.060 140.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53153C
14522B

Analogous

491452
53153C
52141D

Triadic

53153C
3B5214
143B52

Split-Comp.

53153C
1D5214
145249

Tetradic

53153C
524914
14522B
141D52

Contrast Matrix WCAG 2.1 Contrast

53153C
F93170
FF8989
FFD893
A7C5A1
—
3.7
AA Large
6.0
AA
10.1
AAA
7.2
AAA
3.7
AA Large
—
1.6
Fail
2.7
Fail
2.0
Fail
6.0
AA
1.6
Fail
—
1.7
Fail
1.2
Fail
10.1
AAA
2.7
Fail
1.7
Fail
—
1.4
Fail
7.2
AAA
2.0
Fail
1.2
Fail
1.4
Fail
—
White BG
13.6AAA
3.7AA Large
2.3Fail
1.4Fail
1.9Fail
Black BG
1.5Fail
5.7AA
9.2AAA
15.5AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383833
A2A161
CCCB89
EEEEA4
B4B4AA

Deuteranopia

3C4030
AEBD5D
D3DC89
F0F3A8
B2B0AC

Tritanopia

502B29
EF5552
F98989
FDB1B4
A9B1B2

Achromatopsia

2C2C2C
747474
ACACAC
DCDCDC
B8B8B8

Shades & Tints Shades & Tints

#53153C

Dark
Light

#F93170

Dark
Light

#FF8989

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53153c;
  --color-2: #f93170;
  --color-3: #ff8989;
  --color-4: #ffd893;
  --color-5: #a7c5a1;
}

SCSS

$color-1: #53153c;
$color-2: #f93170;
$color-3: #ff8989;
$color-4: #ffd893;
$color-5: #a7c5a1;

TAILWIND

colors: {
  'brand-1': '#53153c',
  'brand-2': '#f93170',
  'brand-3': '#ff8989',
  'brand-4': '#ffd893',
  'brand-5': '#a7c5a1',
}

RGB Array

[83, 21, 60], [249, 49, 112], [255, 137, 137], [255, 216, 147], [167, 197, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #53153C, #F93170, #FF8989, #FFD893, #A7C5A1 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: #53153c; --color-2: #f93170; --color-3: #ff8989; --color-4: #ffd893; --color-5: #a7c5a1. 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