← Back to Editor

#282B49 · #7A9024 · #E6961A · #C80641 · #281805

minimal

A 5-color minimal palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#282B49

Indigo · DarkSlateGray · Prussian Blue

HEX
#282B49
RGB
rgb(40, 43, 73)
HSL
hsl(235, 29%, 22%)
HSB
hsb(235, 45%, 29%)
CMYK
cmyk(45%, 41%, 0%, 71%)
Oklch
oklch(30.1% 0.054 278.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#7A9024

Grass Green · Olive · Forest Green

HEX
#7A9024
RGB
rgb(122, 144, 36)
HSL
hsl(72, 60%, 35%)
HSB
hsb(72, 75%, 56%)
CMYK
cmyk(15%, 0%, 75%, 44%)
Oklch
oklch(61.5% 0.132 120.6)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#E6961A

Ochre · GoldenRod · Amber Brown

HEX
#E6961A
RGB
rgb(230, 150, 26)
HSL
hsl(36, 80%, 50%)
HSB
hsb(36, 89%, 90%)
CMYK
cmyk(0%, 35%, 89%, 10%)
Oklch
oklch(73.7% 0.154 70.2)

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

#C80641

Dark Violet · Crimson · Camellia

HEX
#C80641
RGB
rgb(200, 6, 65)
HSL
hsl(342, 94%, 40%)
HSB
hsb(342, 97%, 78%)
CMYK
cmyk(0%, 97%, 68%, 22%)
Oklch
oklch(53.1% 0.210 15.7)

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

#281805

Ochre · Black · Cinnamon

HEX
#281805
RGB
rgb(40, 24, 5)
HSL
hsl(33, 78%, 9%)
HSB
hsb(33, 88%, 16%)
CMYK
cmyk(0%, 40%, 87%, 84%)
Oklch
oklch(22.6% 0.040 68.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

282B49
484628

Analogous

283B48
282B49
352848

Triadic

282B49
48282B
2B4828

Split-Comp.

282B49
483528
3B4828

Tetradic

282B49
48283B
484628
284835

Contrast Matrix WCAG 2.1 Contrast

282B49
7A9024
E6961A
C80641
281805
—
3.8
AA Large
5.7
AA
2.3
Fail
1.3
Fail
3.8
AA Large
—
1.5
Fail
1.6
Fail
4.8
AA
5.7
AA
1.5
Fail
—
2.5
Fail
7.1
AAA
2.3
Fail
1.6
Fail
2.5
Fail
—
2.9
Fail
1.3
Fail
4.8
AA
7.1
AAA
2.9
Fail
—
White BG
13.7AAA
3.6AA Large
2.4Fail
5.9AA
17.2AAA
Black BG
1.5Fail
5.8AA
8.7AAA
3.6AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

292942
84843E
C3C338
747233
21210A

Deuteranopia

292940
828144
C8CE3F
7F8E2F
22230B

Tritanopia

283C3B
7B5357
E25055
BE2725
270D0E

Achromatopsia

2E2E2E
7D7D7D
A0A0A0
474747
1B1B1B

Shades & Tints Shades & Tints

#282B49

Dark
Light

#7A9024

Dark
Light

#E6961A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #282b49;
  --color-2: #7a9024;
  --color-3: #e6961a;
  --color-4: #c80641;
  --color-5: #281805;
}

SCSS

$color-1: #282b49;
$color-2: #7a9024;
$color-3: #e6961a;
$color-4: #c80641;
$color-5: #281805;

TAILWIND

colors: {
  'brand-1': '#282b49',
  'brand-2': '#7a9024',
  'brand-3': '#e6961a',
  'brand-4': '#c80641',
  'brand-5': '#281805',
}

RGB Array

[40, 43, 73], [122, 144, 36], [230, 150, 26], [200, 6, 65], [40, 24, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #282B49, #7A9024, #E6961A, #C80641, #281805 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: #282b49; --color-2: #7a9024; --color-3: #e6961a; --color-4: #c80641; --color-5: #281805. 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 minimal-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