← Back to Editor

#613E52 · #E89790 · #F38D13 · #B3631E · #4F082F

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

#613E52

Rose Purple · DimGray · Camellia

HEX
#613E52
RGB
rgb(97, 62, 82)
HSL
hsl(326, 22%, 31%)
HSB
hsb(326, 36%, 38%)
CMYK
cmyk(0%, 36%, 15%, 62%)
Oklch
oklch(41.1% 0.057 344.6)

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

#E89790

Peach Pink · DarkSalmon · Coral Red

HEX
#E89790
RGB
rgb(232, 151, 144)
HSL
hsl(5, 66%, 74%)
HSB
hsb(5, 38%, 91%)
CMYK
cmyk(0%, 35%, 38%, 9%)
Oklch
oklch(75.6% 0.099 25.1)

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

#F38D13

Ginger · Orange · Warm Sun

HEX
#F38D13
RGB
rgb(243, 141, 19)
HSL
hsl(33, 90%, 51%)
HSB
hsb(33, 92%, 95%)
CMYK
cmyk(0%, 42%, 92%, 5%)
Oklch
oklch(73.7% 0.167 61.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#B3631E

Tangerine · Sienna · Amber Brown

HEX
#B3631E
RGB
rgb(179, 99, 30)
HSL
hsl(28, 71%, 41%)
HSB
hsb(28, 83%, 70%)
CMYK
cmyk(0%, 45%, 83%, 30%)
Oklch
oklch(58.1% 0.129 55.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#4F082F

Rose Purple · Maroon · Raspberry

HEX
#4F082F
RGB
rgb(79, 8, 47)
HSL
hsl(327, 82%, 17%)
HSB
hsb(327, 90%, 31%)
CMYK
cmyk(0%, 90%, 41%, 69%)
Oklch
oklch(28.8% 0.107 353.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613E52
3E604D

Analogous

5E3E60
613E52
603E40

Triadic

613E52
51603E
3E5160

Split-Comp.

613E52
40603E
3E605E

Tetradic

613E52
605E3E
3E604D
3E4060

Contrast Matrix WCAG 2.1 Contrast

613E52
E89790
F38D13
B3631E
4F082F
—
4.0
AA Large
3.7
AA Large
2.0
Fail
1.6
Fail
4.0
AA Large
—
1.1
Fail
2.0
Fail
6.6
AA
3.7
AA Large
1.1
Fail
—
1.8
Fail
6.1
AA
2.0
Fail
2.0
Fail
1.8
Fail
—
3.4
AA Large
1.6
Fail
6.6
AA
6.1
AA
3.4
AA Large
—
White BG
9.1AAA
2.3Fail
2.4Fail
4.4AA Large
14.9AAA
Black BG
2.3Fail
9.3AAA
8.6AAA
4.7AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

52524D
C5C492
C7C631
90902F
303026

Deuteranopia

54564C
CAD092
CDD438
959B33
343A23

Tritanopia

5F4949
E49393
EE484D
AF3C3F
4B1E1C

Achromatopsia

4B4B4B
AEAEAE
9E9E9E
737373
222222

Shades & Tints Shades & Tints

#613E52

Dark
Light

#E89790

Dark
Light

#F38D13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613e52;
  --color-2: #e89790;
  --color-3: #f38d13;
  --color-4: #b3631e;
  --color-5: #4f082f;
}

SCSS

$color-1: #613e52;
$color-2: #e89790;
$color-3: #f38d13;
$color-4: #b3631e;
$color-5: #4f082f;

TAILWIND

colors: {
  'brand-1': '#613e52',
  'brand-2': '#e89790',
  'brand-3': '#f38d13',
  'brand-4': '#b3631e',
  'brand-5': '#4f082f',
}

RGB Array

[97, 62, 82], [232, 151, 144], [243, 141, 19], [179, 99, 30], [79, 8, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #613E52, #E89790, #F38D13, #B3631E, #4F082F 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: #613e52; --color-2: #e89790; --color-3: #f38d13; --color-4: #b3631e; --color-5: #4f082f. 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