← Back to Editor

#2B0623 · #D00061 · #990700 · #1A6400 · #7EC26D

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

#2B0623

Rose Purple · Black · Dark Purple

HEX
#2B0623
RGB
rgb(43, 6, 35)
HSL
hsl(313, 76%, 10%)
HSB
hsb(313, 86%, 17%)
CMYK
cmyk(0%, 86%, 19%, 83%)
Oklch
oklch(20.7% 0.073 337.8)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#D00061

Dark Violet · MediumVioletRed · Camellia

HEX
#D00061
RGB
rgb(208, 0, 97)
HSL
hsl(332, 100%, 41%)
HSB
hsb(332, 100%, 82%)
CMYK
cmyk(0%, 100%, 53%, 18%)
Oklch
oklch(55.2% 0.222 4.8)

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

#990700

Vermilion · DarkRed · Wine Red

HEX
#990700
RGB
rgb(153, 7, 0)
HSL
hsl(3, 100%, 30%)
HSB
hsb(3, 100%, 60%)
CMYK
cmyk(0%, 95%, 100%, 40%)
Oklch
oklch(43.1% 0.174 29.9)

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

#1A6400

Pine Green · DarkGreen · Dark Green

HEX
#1A6400
RGB
rgb(26, 100, 0)
HSL
hsl(104, 100%, 20%)
HSB
hsb(104, 100%, 39%)
CMYK
cmyk(74%, 0%, 100%, 61%)
Oklch
oklch(44.1% 0.142 140.1)

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

#7EC26D

Celadon · DarkSeaGreen · Olive Green

HEX
#7EC26D
RGB
rgb(126, 194, 109)
HSL
hsl(108, 41%, 59%)
HSB
hsb(108, 44%, 76%)
CMYK
cmyk(35%, 0%, 44%, 24%)
Oklch
oklch(74.8% 0.136 139.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B0623
062D0F

Analogous

22062D
2B0623
2D0611

Triadic

2B0623
242D06
06242D

Split-Comp.

2B0623
112D06
062D22

Tetradic

2B0623
2D2206
062D0F
06112D

Contrast Matrix WCAG 2.1 Contrast

2B0623
D00061
990700
1A6400
7EC26D
—
3.3
AA Large
2.1
Fail
2.5
Fail
8.5
AAA
3.3
AA Large
—
1.6
Fail
1.3
Fail
2.5
Fail
2.1
Fail
1.6
Fail
—
1.2
Fail
4.1
AA Large
2.5
Fail
1.3
Fail
1.2
Fail
—
3.4
AA Large
8.5
AAA
2.5
Fail
4.1
AA Large
3.4
AA Large
—
White BG
18.2AAA
5.4AA
8.8AAA
7.3AAA
2.1Fail
Black BG
1.2Fail
3.9AA Large
2.4Fail
2.9Fail
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B1C
76744A
5A5802
3A3B18
9B9C82

Deuteranopia

1D201A
829244
626D02
36301E
989287

Tritanopia

291615
C63733
920303
1E2B30
819295

Achromatopsia

141414
494949
323232
424242
A4A4A4

Shades & Tints Shades & Tints

#2B0623

Dark
Light

#D00061

Dark
Light

#990700

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b0623;
  --color-2: #d00061;
  --color-3: #990700;
  --color-4: #1a6400;
  --color-5: #7ec26d;
}

SCSS

$color-1: #2b0623;
$color-2: #d00061;
$color-3: #990700;
$color-4: #1a6400;
$color-5: #7ec26d;

TAILWIND

colors: {
  'brand-1': '#2b0623',
  'brand-2': '#d00061',
  'brand-3': '#990700',
  'brand-4': '#1a6400',
  'brand-5': '#7ec26d',
}

RGB Array

[43, 6, 35], [208, 0, 97], [153, 7, 0], [26, 100, 0], [126, 194, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B0623, #D00061, #990700, #1A6400, #7EC26D 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: #2b0623; --color-2: #d00061; --color-3: #990700; --color-4: #1a6400; --color-5: #7ec26d. 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