← Back to Editor

#072901 · #727B0B · #D9C920 · #FF7D00 · #EB1212

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

#072901

Pine Green · Black · Dark Green

HEX
#072901
RGB
rgb(7, 41, 1)
HSL
hsl(111, 95%, 8%)
HSB
hsb(111, 98%, 16%)
CMYK
cmyk(83%, 0%, 98%, 84%)
Oklch
oklch(24.7% 0.077 140.1)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#727B0B

Autumn Sage · Olive · Honey Gold

HEX
#727B0B
RGB
rgb(114, 123, 11)
HSL
hsl(65, 84%, 26%)
HSB
hsb(65, 91%, 48%)
CMYK
cmyk(7%, 0%, 91%, 52%)
Oklch
oklch(55.7% 0.123 114.8)

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

#D9C920

Autumn Sage · GoldenRod · Honey Gold

HEX
#D9C920
RGB
rgb(217, 201, 32)
HSL
hsl(55, 74%, 49%)
HSB
hsb(55, 85%, 85%)
CMYK
cmyk(0%, 7%, 85%, 15%)
Oklch
oklch(82.4% 0.167 103.4)

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

#FF7D00

Tangerine · Orange · Amber Brown

HEX
#FF7D00
RGB
rgb(255, 125, 0)
HSL
hsl(29, 100%, 50%)
HSB
hsb(29, 100%, 100%)
CMYK
cmyk(0%, 51%, 100%, 0%)
Oklch
oklch(72.7% 0.188 51.7)

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

#EB1212

Vermilion · Red · Passion Red

HEX
#EB1212
RGB
rgb(235, 18, 18)
HSL
hsl(0, 86%, 50%)
HSB
hsb(0, 92%, 92%)
CMYK
cmyk(0%, 92%, 92%, 8%)
Oklch
oklch(59.5% 0.238 28.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

072901
220128

Analogous

1A2801
072901
01280F

Triadic

072901
010728
280107

Split-Comp.

072901
0F0128
28011A

Tetradic

072901
011A28
220128
280F01

Contrast Matrix WCAG 2.1 Contrast

072901
727B0B
D9C920
FF7D00
EB1212
—
3.4
AA Large
9.3
AAA
6.2
AA
3.5
AA Large
3.4
AA Large
—
2.7
Fail
1.8
Fail
1.0
Fail
9.3
AAA
2.7
Fail
—
1.5
Fail
2.7
Fail
6.2
AA
1.8
Fail
1.5
Fail
—
1.8
Fail
3.5
AA Large
1.0
Fail
2.7
Fail
1.8
Fail
—
White BG
15.8AAA
4.6AA
1.7Fail
2.6Fail
4.5AA
Black BG
1.3Fail
4.6AA
12.3AAA
8.2AAA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

16160B
767626
D2D249
C7C61E
8D8B12

Deuteranopia

14110D
75752D
D3D453
CED826
9AAA12

Tritanopia

091214
723B40
D86970
F9363B
E01212

Achromatopsia

1A1A1A
6C6C6C
BBBBBB
969696
535353

Shades & Tints Shades & Tints

#072901

Dark
Light

#727B0B

Dark
Light

#D9C920

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #072901;
  --color-2: #727b0b;
  --color-3: #d9c920;
  --color-4: #ff7d00;
  --color-5: #eb1212;
}

SCSS

$color-1: #072901;
$color-2: #727b0b;
$color-3: #d9c920;
$color-4: #ff7d00;
$color-5: #eb1212;

TAILWIND

colors: {
  'brand-1': '#072901',
  'brand-2': '#727b0b',
  'brand-3': '#d9c920',
  'brand-4': '#ff7d00',
  'brand-5': '#eb1212',
}

RGB Array

[7, 41, 1], [114, 123, 11], [217, 201, 32], [255, 125, 0], [235, 18, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #072901, #727B0B, #D9C920, #FF7D00, #EB1212 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: #072901; --color-2: #727b0b; --color-3: #d9c920; --color-4: #ff7d00; --color-5: #eb1212. 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