← Back to Editor

#550D11 · #F45F0F · #37042F · #B7225C · #2D2C0E

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

#550D11

Vermilion · Maroon · Deep Berry

HEX
#550D11
RGB
rgb(85, 13, 17)
HSL
hsl(357, 73%, 19%)
HSB
hsb(357, 85%, 33%)
CMYK
cmyk(0%, 85%, 80%, 67%)
Oklch
oklch(29.5% 0.103 23.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#F45F0F

Tangerine · OrangeRed · Warm Sun

HEX
#F45F0F
RGB
rgb(244, 95, 15)
HSL
hsl(21, 91%, 51%)
HSB
hsb(21, 94%, 96%)
CMYK
cmyk(0%, 61%, 94%, 4%)
Oklch
oklch(67.0% 0.198 41.9)

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

#37042F

Rose Purple · Black · Dark Purple

HEX
#37042F
RGB
rgb(55, 4, 47)
HSL
hsl(309, 86%, 12%)
HSB
hsb(309, 93%, 22%)
CMYK
cmyk(0%, 93%, 15%, 78%)
Oklch
oklch(23.5% 0.095 335.6)

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

#B7225C

Dark Violet · MediumVioletRed · Camellia

HEX
#B7225C
RGB
rgb(183, 34, 92)
HSL
hsl(337, 69%, 43%)
HSB
hsb(337, 81%, 72%)
CMYK
cmyk(0%, 81%, 50%, 28%)
Oklch
oklch(51.7% 0.186 3.9)

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

#2D2C0E

Autumn Sage · Black · Amber Gold

HEX
#2D2C0E
RGB
rgb(45, 44, 14)
HSL
hsl(58, 53%, 12%)
HSB
hsb(58, 69%, 18%)
CMYK
cmyk(0%, 2%, 69%, 82%)
Oklch
oklch(28.7% 0.047 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

550D11
0D5450

Analogous

540D34
550D11
542D0D

Triadic

550D11
11540D
0D1154

Split-Comp.

550D11
0D542D
0D3454

Tetradic

550D11
34540D
0D5450
2D0D54

Contrast Matrix WCAG 2.1 Contrast

550D11
F45F0F
37042F
B7225C
2D2C0E
—
4.5
AA Large
1.2
Fail
2.3
Fail
1.0
Fail
4.5
AA Large
—
5.3
AA
1.9
Fail
4.4
AA Large
1.2
Fail
5.3
AA
—
2.8
Fail
1.2
Fail
2.3
Fail
1.9
Fail
2.8
Fail
—
2.3
Fail
1.0
Fail
4.4
AA Large
1.2
Fail
2.3
Fail
—
White BG
14.5AAA
3.2AA Large
17.2AAA
6.2AA
14.2AAA
Black BG
1.5Fail
6.5AA
1.2Fail
3.4AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

363510
B3B222
212025
76754E
2D2D15

Deuteranopia

3A3F10
BCC727
242822
7F8A4B
2D2D17

Tritanopia

510F0F
ED3235
341C1B
B04340
2D1B1C

Achromatopsia

232323
828282
181818
555555
292929

Shades & Tints Shades & Tints

#550D11

Dark
Light

#F45F0F

Dark
Light

#37042F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #550d11;
  --color-2: #f45f0f;
  --color-3: #37042f;
  --color-4: #b7225c;
  --color-5: #2d2c0e;
}

SCSS

$color-1: #550d11;
$color-2: #f45f0f;
$color-3: #37042f;
$color-4: #b7225c;
$color-5: #2d2c0e;

TAILWIND

colors: {
  'brand-1': '#550d11',
  'brand-2': '#f45f0f',
  'brand-3': '#37042f',
  'brand-4': '#b7225c',
  'brand-5': '#2d2c0e',
}

RGB Array

[85, 13, 17], [244, 95, 15], [55, 4, 47], [183, 34, 92], [45, 44, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #550D11, #F45F0F, #37042F, #B7225C, #2D2C0E 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: #550d11; --color-2: #f45f0f; --color-3: #37042f; --color-4: #b7225c; --color-5: #2d2c0e. 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