← Back to Editor

#2E000F · #3C252D · #48383B · #677F69 · #C1D19D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#2E000F

Dark Violet · Black · Raspberry

HEX
#2E000F
RGB
rgb(46, 0, 15)
HSL
hsl(340, 100%, 9%)
HSB
hsb(340, 100%, 18%)
CMYK
cmyk(0%, 100%, 67%, 82%)
Oklch
oklch(19.3% 0.078 6.2)

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

#3C252D

Dark Violet · DarkSlateGray · Raspberry

HEX
#3C252D
RGB
rgb(60, 37, 45)
HSL
hsl(339, 24%, 19%)
HSB
hsb(339, 38%, 24%)
CMYK
cmyk(0%, 38%, 25%, 76%)
Oklch
oklch(29.6% 0.037 357.1)

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

#48383B

Crimson · DarkSlateGray · Wine Red

HEX
#48383B
RGB
rgb(72, 56, 59)
HSL
hsl(349, 13%, 25%)
HSB
hsb(349, 22%, 28%)
CMYK
cmyk(0%, 22%, 18%, 72%)
Oklch
oklch(35.9% 0.023 5.7)

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

#677F69

Celadon · DimGray · Olive Green

HEX
#677F69
RGB
rgb(103, 127, 105)
HSL
hsl(125, 10%, 45%)
HSB
hsb(125, 19%, 50%)
CMYK
cmyk(19%, 0%, 17%, 50%)
Oklch
oklch(57.1% 0.044 147.2)

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

#C1D19D

Willow Green · Tan · Apple Green

HEX
#C1D19D
RGB
rgb(193, 209, 157)
HSL
hsl(78, 36%, 72%)
HSB
hsb(78, 25%, 82%)
CMYK
cmyk(8%, 0%, 25%, 18%)
Oklch
oklch(83.5% 0.072 121.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E000F
002E1F

Analogous

2E0026
2E000F
2E0800

Triadic

2E000F
0F2E00
000F2E

Split-Comp.

2E000F
002E08
00262E

Tetradic

2E000F
262E00
002E1F
08002E

Contrast Matrix WCAG 2.1 Contrast

2E000F
3C252D
48383B
677F69
C1D19D
—
1.3
Fail
1.7
Fail
4.3
AA Large
11.5
AAA
1.3
Fail
—
1.3
Fail
3.2
AA Large
8.6
AAA
1.7
Fail
1.3
Fail
—
2.5
Fail
6.8
AA
4.3
AA Large
3.2
AA Large
2.5
Fail
—
2.7
Fail
11.5
AAA
8.6
AAA
6.8
AA
2.7
Fail
—
White BG
18.7AAA
14.1AAA
11.0AAA
4.4AA Large
1.6Fail
Black BG
1.1Fail
1.5Fail
1.9Fail
4.8AA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A0B
32322B
41413A
71726E
C8C8AA

Deuteranopia

1D200B
33352B
42433A
706E70
C7C6AD

Tritanopia

2C0908
3B2A29
473A3A
687373
C2B4B6

Achromatopsia

0F0F0F
2D2D2D
3D3D3D
757575
C6C6C6

Shades & Tints Shades & Tints

#2E000F

Dark
Light

#3C252D

Dark
Light

#48383B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e000f;
  --color-2: #3c252d;
  --color-3: #48383b;
  --color-4: #677f69;
  --color-5: #c1d19d;
}

SCSS

$color-1: #2e000f;
$color-2: #3c252d;
$color-3: #48383b;
$color-4: #677f69;
$color-5: #c1d19d;

TAILWIND

colors: {
  'brand-1': '#2e000f',
  'brand-2': '#3c252d',
  'brand-3': '#48383b',
  'brand-4': '#677f69',
  'brand-5': '#c1d19d',
}

RGB Array

[46, 0, 15], [60, 37, 45], [72, 56, 59], [103, 127, 105], [193, 209, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E000F, #3C252D, #48383B, #677F69, #C1D19D is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2e000f; --color-2: #3c252d; --color-3: #48383b; --color-4: #677f69; --color-5: #c1d19d. 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 tech, SaaS, healthcare, eco industries. 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