← Back to Editor

#FF7300 · #B53410 · #730736 · #371145 · #11122E

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF7300

Tangerine · OrangeRed · Amber Brown

HEX
#FF7300
RGB
rgb(255, 115, 0)
HSL
hsl(27, 100%, 50%)
HSB
hsb(27, 100%, 100%)
CMYK
cmyk(0%, 55%, 100%, 0%)
Oklch
oklch(71.3% 0.195 47.9)

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

#B53410

Vermilion · FireBrick · Wine Red

HEX
#B53410
RGB
rgb(181, 52, 16)
HSL
hsl(13, 84%, 39%)
HSB
hsb(13, 91%, 71%)
CMYK
cmyk(0%, 71%, 91%, 29%)
Oklch
oklch(51.7% 0.171 35.0)

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

#730736

Dark Violet · Maroon · Raspberry

HEX
#730736
RGB
rgb(115, 7, 54)
HSL
hsl(334, 89%, 24%)
HSB
hsb(334, 94%, 45%)
CMYK
cmyk(0%, 94%, 53%, 55%)
Oklch
oklch(36.2% 0.140 3.4)

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

#371145

Royal Purple · MidnightBlue · Dark Purple

HEX
#371145
RGB
rgb(55, 17, 69)
HSL
hsl(284, 60%, 17%)
HSB
hsb(284, 75%, 27%)
CMYK
cmyk(20%, 75%, 0%, 73%)
Oklch
oklch(26.7% 0.098 315.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#11122E

Indigo · Black · Deep Sea Blue

HEX
#11122E
RGB
rgb(17, 18, 46)
HSL
hsl(238, 46%, 12%)
HSB
hsb(238, 63%, 18%)
CMYK
cmyk(63%, 61%, 0%, 82%)
Oklch
oklch(19.9% 0.055 278.6)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7300
008CFF

Analogous

FF000D
FF7300
FFF200

Triadic

FF7300
00FF73
7300FF

Split-Comp.

FF7300
00FFF2
000DFF

Tetradic

FF7300
0DFF00
008CFF
F200FF

Contrast Matrix WCAG 2.1 Contrast

FF7300
B53410
730736
371145
11122E
—
2.2
Fail
4.3
AA Large
5.8
AA
6.7
AA
2.2
Fail
—
1.9
Fail
2.6
Fail
3.0
AA Large
4.3
AA Large
1.9
Fail
—
1.4
Fail
1.6
Fail
5.8
AA
2.6
Fail
1.4
Fail
—
1.2
Fail
6.7
AA
3.0
AA Large
1.6
Fail
1.2
Fail
—
White BG
2.7Fail
6.1AA
11.6AAA
15.8AAA
18.3AAA
Black BG
7.7AAA
3.5AA Large
1.8Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C11C
7D7C19
44432B
272638
111127

Deuteranopia

CBD523
858E1B
4B5328
292C35
111126

Tritanopia

F83237
AF2021
6E2220
352E2C
112221

Achromatopsia

909090
565656
2D2D2D
222222
151515

Shades & Tints Shades & Tints

#FF7300

Dark
Light

#B53410

Dark
Light

#730736

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7300;
  --color-2: #b53410;
  --color-3: #730736;
  --color-4: #371145;
  --color-5: #11122e;
}

SCSS

$color-1: #ff7300;
$color-2: #b53410;
$color-3: #730736;
$color-4: #371145;
$color-5: #11122e;

TAILWIND

colors: {
  'brand-1': '#ff7300',
  'brand-2': '#b53410',
  'brand-3': '#730736',
  'brand-4': '#371145',
  'brand-5': '#11122e',
}

RGB Array

[255, 115, 0], [181, 52, 16], [115, 7, 54], [55, 17, 69], [17, 18, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FF7300, #B53410, #730736, #371145, #11122E 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: #ff7300; --color-2: #b53410; --color-3: #730736; --color-4: #371145; --color-5: #11122e. 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