← Back to Editor

#2C0300 · #540400 · #752800 · #9E4400 · #EF9500

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

#2C0300

Vermilion · Black · Deep Berry

HEX
#2C0300
RGB
rgb(44, 3, 0)
HSL
hsl(4, 100%, 9%)
HSB
hsb(4, 100%, 17%)
CMYK
cmyk(0%, 93%, 100%, 83%)
Oklch
oklch(19.0% 0.070 32.9)

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

#540400

Vermilion · Maroon · Deep Berry

HEX
#540400
RGB
rgb(84, 4, 0)
HSL
hsl(3, 100%, 16%)
HSB
hsb(3, 100%, 33%)
CMYK
cmyk(0%, 95%, 100%, 67%)
Oklch
oklch(28.3% 0.112 30.6)

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

#752800

Tangerine · Maroon · Cinnamon

HEX
#752800
RGB
rgb(117, 40, 0)
HSL
hsl(21, 100%, 23%)
HSB
hsb(21, 100%, 46%)
CMYK
cmyk(0%, 66%, 100%, 54%)
Oklch
oklch(38.8% 0.117 42.0)

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

#9E4400

Tangerine · Sienna · Amber Brown

HEX
#9E4400
RGB
rgb(158, 68, 0)
HSL
hsl(26, 100%, 31%)
HSB
hsb(26, 100%, 62%)
CMYK
cmyk(0%, 57%, 100%, 38%)
Oklch
oklch(49.8% 0.136 47.6)

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

#EF9500

Ochre · Orange · Amber Brown

HEX
#EF9500
RGB
rgb(239, 149, 0)
HSL
hsl(37, 100%, 47%)
HSB
hsb(37, 100%, 94%)
CMYK
cmyk(0%, 38%, 100%, 6%)
Oklch
oklch(74.5% 0.164 67.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C0300
002B2E

Analogous

2E0014
2C0300
2E1A00

Triadic

2C0300
002E03
03002E

Split-Comp.

2C0300
002E1A
00142E

Tetradic

2C0300
142E00
002B2E
1A002E

Contrast Matrix WCAG 2.1 Contrast

2C0300
540400
752800
9E4400
EF9500
—
1.2
Fail
1.8
Fail
2.9
Fail
8.0
AAA
1.2
Fail
—
1.5
Fail
2.4
Fail
6.4
AA
1.8
Fail
1.5
Fail
—
1.6
Fail
4.4
AA Large
2.9
Fail
2.4
Fail
1.6
Fail
—
2.7
Fail
8.0
AAA
6.4
AA
4.4
AA Large
2.7
Fail
—
White BG
18.7AAA
15.1AAA
10.2AAA
6.4AA
2.3Fail
Black BG
1.1Fail
1.4Fail
2.1Fail
3.3AA Large
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A01
313101
54530A
777610
C8C724

Deuteranopia

1D2001
363C01
585E0C
7C8314
CDD42D

Tritanopia

2A0101
500202
711113
9A1D20
EA4147

Achromatopsia

0F0F0F
1B1B1B
3A3A3A
575757
9F9F9F

Shades & Tints Shades & Tints

#2C0300

Dark
Light

#540400

Dark
Light

#752800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c0300;
  --color-2: #540400;
  --color-3: #752800;
  --color-4: #9e4400;
  --color-5: #ef9500;
}

SCSS

$color-1: #2c0300;
$color-2: #540400;
$color-3: #752800;
$color-4: #9e4400;
$color-5: #ef9500;

TAILWIND

colors: {
  'brand-1': '#2c0300',
  'brand-2': '#540400',
  'brand-3': '#752800',
  'brand-4': '#9e4400',
  'brand-5': '#ef9500',
}

RGB Array

[44, 3, 0], [84, 4, 0], [117, 40, 0], [158, 68, 0], [239, 149, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C0300, #540400, #752800, #9E4400, #EF9500 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: #2c0300; --color-2: #540400; --color-3: #752800; --color-4: #9e4400; --color-5: #ef9500. 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