← Back to Editor

#552A2A · #EE7A0A · #DF1D1D · #864848 · #7B0707

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

#552A2A

Crimson · DarkSlateGray · Wine Red

HEX
#552A2A
RGB
rgb(85, 42, 42)
HSL
hsl(0, 34%, 25%)
HSB
hsb(0, 51%, 33%)
CMYK
cmyk(0%, 51%, 51%, 67%)
Oklch
oklch(34.2% 0.064 20.9)

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

#EE7A0A

Tangerine · Chocolate · Amber Brown

HEX
#EE7A0A
RGB
rgb(238, 122, 10)
HSL
hsl(29, 92%, 49%)
HSB
hsb(29, 96%, 93%)
CMYK
cmyk(0%, 49%, 96%, 7%)
Oklch
oklch(69.9% 0.173 53.8)

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

#DF1D1D

Vermilion · Crimson · Passion Red

HEX
#DF1D1D
RGB
rgb(223, 29, 29)
HSL
hsl(0, 77%, 49%)
HSB
hsb(0, 87%, 87%)
CMYK
cmyk(0%, 87%, 87%, 13%)
Oklch
oklch(57.7% 0.223 28.0)

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

#864848

Crimson · Sienna · Wine Red

HEX
#864848
RGB
rgb(134, 72, 72)
HSL
hsl(0, 30%, 40%)
HSB
hsb(0, 46%, 53%)
CMYK
cmyk(0%, 46%, 46%, 47%)
Oklch
oklch(47.7% 0.085 20.7)

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

#7B0707

Vermilion · Maroon · Wine Red

HEX
#7B0707
RGB
rgb(123, 7, 7)
HSL
hsl(0, 89%, 25%)
HSB
hsb(0, 94%, 48%)
CMYK
cmyk(0%, 94%, 94%, 52%)
Oklch
oklch(37.0% 0.146 28.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

552A2A
2A5555

Analogous

552A40
552A2A
55402A

Triadic

552A2A
2A552A
2A2A55

Split-Comp.

552A2A
2A5540
2A4055

Tetradic

552A2A
40552A
2A5555
402A55

Contrast Matrix WCAG 2.1 Contrast

552A2A
EE7A0A
DF1D1D
864848
7B0707
—
4.2
AA Large
2.5
Fail
1.7
Fail
1.1
Fail
4.2
AA Large
—
1.7
Fail
2.4
Fail
4.0
AA Large
2.5
Fail
1.7
Fail
—
1.4
Fail
2.3
Fail
1.7
Fail
2.4
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
4.0
AA Large
2.3
Fail
1.6
Fail
—
White BG
12.0AAA
2.8Fail
4.8AA
6.9AA
11.2AAA
Black BG
1.8Fail
7.4AAA
4.3AA Large
3.0AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

42422A
BCBB25
8B891D
6B6B48
494807

Deuteranopia

45482A
C3CB2C
96A51D
6F7348
505807

Tritanopia

532A2A
E83A3F
D51D1D
834848
750707

Achromatopsia

373737
909090
575757
5B5B5B
2A2A2A

Shades & Tints Shades & Tints

#552A2A

Dark
Light

#EE7A0A

Dark
Light

#DF1D1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #552a2a;
  --color-2: #ee7a0a;
  --color-3: #df1d1d;
  --color-4: #864848;
  --color-5: #7b0707;
}

SCSS

$color-1: #552a2a;
$color-2: #ee7a0a;
$color-3: #df1d1d;
$color-4: #864848;
$color-5: #7b0707;

TAILWIND

colors: {
  'brand-1': '#552a2a',
  'brand-2': '#ee7a0a',
  'brand-3': '#df1d1d',
  'brand-4': '#864848',
  'brand-5': '#7b0707',
}

RGB Array

[85, 42, 42], [238, 122, 10], [223, 29, 29], [134, 72, 72], [123, 7, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #552A2A, #EE7A0A, #DF1D1D, #864848, #7B0707 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: #552a2a; --color-2: #ee7a0a; --color-3: #df1d1d; --color-4: #864848; --color-5: #7b0707. 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