← Back to Editor

#7A1F5D · #D60D7F · #F22613 · #737165 · #6E6307

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 App

Color Details Color Details

#7A1F5D

Rose Purple · Purple · Eggplant

HEX
#7A1F5D
RGB
rgb(122, 31, 93)
HSL
hsl(319, 59%, 30%)
HSB
hsb(319, 75%, 48%)
CMYK
cmyk(0%, 75%, 24%, 52%)
Oklch
oklch(40.8% 0.142 343.5)

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

#D60D7F

Rose Purple · MediumVioletRed · Camellia

HEX
#D60D7F
RGB
rgb(214, 13, 127)
HSL
hsl(326, 89%, 45%)
HSB
hsb(326, 94%, 84%)
CMYK
cmyk(0%, 94%, 41%, 16%)
Oklch
oklch(57.5% 0.231 355.2)

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

#F22613

Vermilion · OrangeRed · Passion Red

HEX
#F22613
RGB
rgb(242, 38, 19)
HSL
hsl(5, 90%, 51%)
HSB
hsb(5, 92%, 95%)
CMYK
cmyk(0%, 84%, 92%, 5%)
Oklch
oklch(61.6% 0.236 30.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#737165

Ink Gray · DimGray · Warm Gray

HEX
#737165
RGB
rgb(115, 113, 101)
HSL
hsl(51, 6%, 42%)
HSB
hsb(51, 12%, 45%)
CMYK
cmyk(0%, 2%, 12%, 55%)
Oklch
oklch(54.7% 0.018 99.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#6E6307

Autumn Sage · Olive · Amber Gold

HEX
#6E6307
RGB
rgb(110, 99, 7)
HSL
hsl(54, 88%, 23%)
HSB
hsb(54, 94%, 43%)
CMYK
cmyk(0%, 10%, 94%, 57%)
Oklch
oklch(49.5% 0.101 101.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A1F5D
1F7A3C

Analogous

691F7A
7A1F5D
7A1F30

Triadic

7A1F5D
5D7A1F
1F5D7A

Split-Comp.

7A1F5D
307A1F
1F7A69

Tetradic

7A1F5D
7A691F
1F7A3C
1F307A

Contrast Matrix WCAG 2.1 Contrast

7A1F5D
D60D7F
F22613
737165
6E6307
—
1.9
Fail
2.3
Fail
2.0
Fail
1.6
Fail
1.9
Fail
—
1.2
Fail
1.0
Fail
1.2
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
White BG
9.6AAA
5.0AA
4.1AA Large
4.9AA
6.1AA
Black BG
2.2Fail
4.2AA Large
5.1AA
4.3AA Large
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

53524E
7F7D63
9A9818
727268
69691D

Deuteranopia

585F4A
8B9A5D
A6B519
727269
6A6B23

Tritanopia

754240
CC4E49
E81B1C
736A6B
6D2F33

Achromatopsia

414141
565656
616161
707070
5C5C5C

Shades & Tints Shades & Tints

#7A1F5D

Dark
Light

#D60D7F

Dark
Light

#F22613

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a1f5d;
  --color-2: #d60d7f;
  --color-3: #f22613;
  --color-4: #737165;
  --color-5: #6e6307;
}

SCSS

$color-1: #7a1f5d;
$color-2: #d60d7f;
$color-3: #f22613;
$color-4: #737165;
$color-5: #6e6307;

TAILWIND

colors: {
  'brand-1': '#7a1f5d',
  'brand-2': '#d60d7f',
  'brand-3': '#f22613',
  'brand-4': '#737165',
  'brand-5': '#6e6307',
}

RGB Array

[122, 31, 93], [214, 13, 127], [242, 38, 19], [115, 113, 101], [110, 99, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A1F5D, #D60D7F, #F22613, #737165, #6E6307 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: #7a1f5d; --color-2: #d60d7f; --color-3: #f22613; --color-4: #737165; --color-5: #6e6307. 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