← Back to Editor

#7C2200 · #EA3102 · #EBD60D · #050505 · #82770D

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 AppData Visualization

Color Details Color Details

#7C2200

Tangerine · Maroon · Cinnamon

HEX
#7C2200
RGB
rgb(124, 34, 0)
HSL
hsl(16, 100%, 24%)
HSB
hsb(16, 100%, 49%)
CMYK
cmyk(0%, 73%, 100%, 51%)
Oklch
oklch(39.3% 0.130 37.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#EA3102

Vermilion · OrangeRed · Passion Red

HEX
#EA3102
RGB
rgb(234, 49, 2)
HSL
hsl(12, 98%, 46%)
HSB
hsb(12, 99%, 92%)
CMYK
cmyk(0%, 79%, 99%, 8%)
Oklch
oklch(60.8% 0.224 32.9)

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

#EBD60D

Autumn Sage · Gold · Honey Gold

HEX
#EBD60D
RGB
rgb(235, 214, 13)
HSL
hsl(54, 90%, 49%)
HSB
hsb(54, 94%, 92%)
CMYK
cmyk(0%, 9%, 94%, 8%)
Oklch
oklch(86.6% 0.180 102.2)

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

#050505

Ink Black · Black · Jet Black

HEX
#050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(11.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#82770D

Autumn Sage · Olive · Honey Gold

HEX
#82770D
RGB
rgb(130, 119, 13)
HSL
hsl(54, 82%, 28%)
HSB
hsb(54, 90%, 51%)
CMYK
cmyk(0%, 8%, 90%, 49%)
Oklch
oklch(56.2% 0.114 102.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C2200
005A7A

Analogous

7A001D
7C2200
7A5E00

Triadic

7C2200
007A21
21007A

Split-Comp.

7C2200
007A5E
001D7A

Tetradic

7C2200
1D7A00
005A7A
5E007A

Contrast Matrix WCAG 2.1 Contrast

7C2200
EA3102
EBD60D
050505
82770D
—
2.4
Fail
6.8
AA
2.0
Fail
2.2
Fail
2.4
Fail
—
2.9
Fail
4.8
AA
1.1
Fail
6.8
AA
2.9
Fail
—
13.7
AAA
3.1
AA Large
2.0
Fail
4.8
AA
13.7
AAA
—
4.5
AA Large
2.2
Fail
1.1
Fail
3.1
AA Large
4.5
AA Large
—
White BG
10.1AAA
4.3AA Large
1.5Fail
20.4AAA
4.6AA
Black BG
2.1Fail
4.9AA
14.2AAA
1.0Fail
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555408
9A980D
E2E23E
050505
7D7D27

Deuteranopia

5A610A
A5B210
E3E549
050505
7E7F2D

Tritanopia

780F10
E11618
EA646C
050505
813B3F

Achromatopsia

393939
636363
C5C5C5
050505
6E6E6E

Shades & Tints Shades & Tints

#7C2200

Dark
Light

#EA3102

Dark
Light

#EBD60D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c2200;
  --color-2: #ea3102;
  --color-3: #ebd60d;
  --color-4: #050505;
  --color-5: #82770d;
}

SCSS

$color-1: #7c2200;
$color-2: #ea3102;
$color-3: #ebd60d;
$color-4: #050505;
$color-5: #82770d;

TAILWIND

colors: {
  'brand-1': '#7c2200',
  'brand-2': '#ea3102',
  'brand-3': '#ebd60d',
  'brand-4': '#050505',
  'brand-5': '#82770d',
}

RGB Array

[124, 34, 0], [234, 49, 2], [235, 214, 13], [5, 5, 5], [130, 119, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C2200, #EA3102, #EBD60D, #050505, #82770D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #7c2200; --color-2: #ea3102; --color-3: #ebd60d; --color-4: #050505; --color-5: #82770d. 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 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