← Back to Editor

#510B29 · #600B23 · #ED052F · #D35833 · #F5C10C

warm

A 5-color warm 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

#510B29

Dark Violet · Maroon · Raspberry

HEX
#510B29
RGB
rgb(81, 11, 41)
HSL
hsl(334, 76%, 18%)
HSB
hsb(334, 86%, 32%)
CMYK
cmyk(0%, 86%, 49%, 68%)
Oklch
oklch(29.2% 0.103 0.6)

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

#600B23

Dark Violet · Maroon · Raspberry

HEX
#600B23
RGB
rgb(96, 11, 35)
HSL
hsl(343, 79%, 21%)
HSB
hsb(343, 89%, 38%)
CMYK
cmyk(0%, 89%, 64%, 62%)
Oklch
oklch(32.0% 0.116 11.7)

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

#ED052F

Vermilion · Crimson · Passion Red

HEX
#ED052F
RGB
rgb(237, 5, 47)
HSL
hsl(349, 96%, 47%)
HSB
hsb(349, 98%, 93%)
CMYK
cmyk(0%, 98%, 80%, 7%)
Oklch
oklch(59.8% 0.240 23.7)

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

#D35833

Vermilion · Chocolate · Passion Red

HEX
#D35833
RGB
rgb(211, 88, 51)
HSL
hsl(14, 65%, 51%)
HSB
hsb(14, 76%, 83%)
CMYK
cmyk(0%, 58%, 76%, 17%)
Oklch
oklch(61.3% 0.164 37.1)

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

#F5C10C

Ochre · Gold · Honey Gold

HEX
#F5C10C
RGB
rgb(245, 193, 12)
HSL
hsl(47, 92%, 50%)
HSB
hsb(47, 95%, 96%)
CMYK
cmyk(0%, 21%, 95%, 4%)
Oklch
oklch(83.4% 0.169 88.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

510B29
0B5133

Analogous

510B4C
510B29
51100B

Triadic

510B29
29510B
0B2951

Split-Comp.

510B29
0B5110
0B4C51

Tetradic

510B29
4C510B
0B5133
100B51

Contrast Matrix WCAG 2.1 Contrast

510B29
600B23
ED052F
D35833
F5C10C
—
1.1
Fail
3.3
AA Large
3.6
AA Large
8.8
AAA
1.1
Fail
—
3.0
Fail
3.3
AA Large
8.0
AAA
3.3
AA Large
3.0
Fail
—
1.1
Fail
2.7
Fail
3.6
AA Large
3.3
AA Large
1.1
Fail
—
2.4
Fail
8.8
AAA
8.0
AAA
2.7
Fail
2.4
Fail
—
White BG
14.7AAA
13.4AAA
4.5AA
4.0AA Large
1.7Fail
Black BG
1.4Fail
1.6Fail
4.7AA
5.2AA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333222
3B3A1D
898625
9E9D3C
DEDE38

Deuteranopia

373C20
40461C
96A722
A5AE3E
E2E542

Tritanopia

4E1C1B
5C1918
E11D1B
CD4345
F25A62

Achromatopsia

232323
272727
4F4F4F
797979
BCBCBC

Shades & Tints Shades & Tints

#510B29

Dark
Light

#600B23

Dark
Light

#ED052F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #510b29;
  --color-2: #600b23;
  --color-3: #ed052f;
  --color-4: #d35833;
  --color-5: #f5c10c;
}

SCSS

$color-1: #510b29;
$color-2: #600b23;
$color-3: #ed052f;
$color-4: #d35833;
$color-5: #f5c10c;

TAILWIND

colors: {
  'brand-1': '#510b29',
  'brand-2': '#600b23',
  'brand-3': '#ed052f',
  'brand-4': '#d35833',
  'brand-5': '#f5c10c',
}

RGB Array

[81, 11, 41], [96, 11, 35], [237, 5, 47], [211, 88, 51], [245, 193, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #510B29, #600B23, #ED052F, #D35833, #F5C10C 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: #510b29; --color-2: #600b23; --color-3: #ed052f; --color-4: #d35833; --color-5: #f5c10c. 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 warm-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