← Back to Editor

#482647 · #623361 · #EA5E4F · #D53652 · #5D082F

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#482647

Rose Purple · DarkSlateGray · Eggplant

HEX
#482647
RGB
rgb(72, 38, 71)
HSL
hsl(302, 31%, 22%)
HSB
hsb(302, 47%, 28%)
CMYK
cmyk(0%, 47%, 1%, 72%)
Oklch
oklch(32.7% 0.072 328.1)

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

#623361

Rose Purple · DarkSlateBlue · Eggplant

HEX
#623361
RGB
rgb(98, 51, 97)
HSL
hsl(301, 32%, 29%)
HSB
hsb(301, 48%, 38%)
CMYK
cmyk(0%, 48%, 1%, 62%)
Oklch
oklch(39.9% 0.094 327.9)

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

#EA5E4F

Peach Pink · Tomato · Coral Red

HEX
#EA5E4F
RGB
rgb(234, 94, 79)
HSL
hsl(6, 79%, 61%)
HSB
hsb(6, 66%, 92%)
CMYK
cmyk(0%, 60%, 66%, 8%)
Oklch
oklch(65.9% 0.176 28.8)

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

#D53652

Vermilion · Crimson · Passion Red

HEX
#D53652
RGB
rgb(213, 54, 82)
HSL
hsl(349, 65%, 52%)
HSB
hsb(349, 75%, 84%)
CMYK
cmyk(0%, 75%, 62%, 16%)
Oklch
oklch(58.3% 0.194 16.1)

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

#5D082F

Dark Violet · Maroon · Raspberry

HEX
#5D082F
RGB
rgb(93, 8, 47)
HSL
hsl(332, 84%, 20%)
HSB
hsb(332, 91%, 36%)
CMYK
cmyk(0%, 91%, 49%, 64%)
Oklch
oklch(31.6% 0.119 0.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

482647
274928

Analogous

392749
482647
492737

Triadic

482647
484927
274849

Split-Comp.

482647
374927
274939

Tetradic

482647
493927
274928
273749

Contrast Matrix WCAG 2.1 Contrast

482647
623361
EA5E4F
D53652
5D082F
—
1.3
Fail
3.8
AA Large
2.7
Fail
1.1
Fail
1.3
Fail
—
2.9
Fail
2.1
Fail
1.4
Fail
3.8
AA Large
2.9
Fail
—
1.4
Fail
4.0
AA Large
2.7
Fail
2.1
Fail
1.4
Fail
—
2.9
Fail
1.1
Fail
1.4
Fail
4.0
AA Large
2.9
Fail
—
White BG
12.8AAA
9.7AAA
3.4AA Large
4.7AA
13.6AAA
Black BG
1.6Fail
2.2Fail
6.2AA
4.5AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

39393F
4E4D56
ADAC53
908F4B
383726

Deuteranopia

3B3E3D
505453
B6C054
99A54A
3D4423

Tritanopia

463937
604D4B
E35556
CD4645
591E1C

Achromatopsia

343434
464646
868686
696969
262626

Shades & Tints Shades & Tints

#482647

Dark
Light

#623361

Dark
Light

#EA5E4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #482647;
  --color-2: #623361;
  --color-3: #ea5e4f;
  --color-4: #d53652;
  --color-5: #5d082f;
}

SCSS

$color-1: #482647;
$color-2: #623361;
$color-3: #ea5e4f;
$color-4: #d53652;
$color-5: #5d082f;

TAILWIND

colors: {
  'brand-1': '#482647',
  'brand-2': '#623361',
  'brand-3': '#ea5e4f',
  'brand-4': '#d53652',
  'brand-5': '#5d082f',
}

RGB Array

[72, 38, 71], [98, 51, 97], [234, 94, 79], [213, 54, 82], [93, 8, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #482647, #623361, #EA5E4F, #D53652, #5D082F is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #482647; --color-2: #623361; --color-3: #ea5e4f; --color-4: #d53652; --color-5: #5d082f. 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. 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 warm-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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