← Back to Editor

#FF2469 · #B8617C · #E8FF3B · #BDBDBD · #414141

dark

A 5-color dark 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

#FF2469

Dark Violet · DeepPink · Rose Pink

HEX
#FF2469
RGB
rgb(255, 36, 105)
HSL
hsl(341, 100%, 57%)
HSB
hsb(341, 86%, 100%)
CMYK
cmyk(0%, 86%, 59%, 0%)
Oklch
oklch(64.9% 0.244 11.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B8617C

Dark Violet · Gray · Rose Pink

HEX
#B8617C
RGB
rgb(184, 97, 124)
HSL
hsl(341, 38%, 55%)
HSB
hsb(341, 47%, 72%)
CMYK
cmyk(0%, 47%, 33%, 28%)
Oklch
oklch(60.2% 0.116 1.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E8FF3B

Fresh Green · GreenYellow · Sunflower

HEX
#E8FF3B
RGB
rgb(232, 255, 59)
HSL
hsl(67, 100%, 62%)
HSB
hsb(67, 77%, 100%)
CMYK
cmyk(9%, 0%, 77%, 0%)
Oklch
oklch(95.2% 0.203 116.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BDBDBD

Silver Gray · Silver · Pearl Gray

HEX
#BDBDBD
RGB
rgb(189, 189, 189)
HSL
hsl(0, 0%, 74%)
HSB
hsb(0, 0%, 74%)
CMYK
cmyk(0%, 0%, 0%, 26%)
Oklch
oklch(79.8% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#414141

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#414141
RGB
rgb(65, 65, 65)
HSL
hsl(0, 0%, 25%)
HSB
hsb(0, 0%, 25%)
CMYK
cmyk(0%, 0%, 0%, 75%)
Oklch
oklch(37.5% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF2469
24FFBA

Analogous

FF24D7
FF2469
FF4C24

Triadic

FF2469
69FF24
2469FF

Split-Comp.

FF2469
24FF4C
24D7FF

Tetradic

FF2469
D7FF24
24FFBA
4C24FF

Contrast Matrix WCAG 2.1 Contrast

FF2469
B8617C
E8FF3B
BDBDBD
414141
—
1.1
Fail
3.3
AA Large
2.0
Fail
2.8
Fail
1.1
Fail
—
3.7
AA Large
2.2
Fail
2.4
Fail
3.3
AA Large
3.7
AA Large
—
1.7
Fail
9.1
AAA
2.0
Fail
2.2
Fail
1.7
Fail
—
5.4
AA
2.8
Fail
2.4
Fail
9.1
AAA
5.4
AA
—
White BG
3.7AA Large
4.2AA Large
1.1Fail
1.9Fail
10.2AAA
Black BG
5.7AA
5.0AA
18.8AAA
11.2AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09E58
929275
F2F26A
BDBDBD
414141

Deuteranopia

ADBD54
979E74
F1EF76
BDBDBD
414141

Tritanopia

F44B48
B4706F
E99098
BDBDBD
414141

Achromatopsia

6D6D6D
7E7E7E
E2E2E2
BDBDBD
414141

Shades & Tints Shades & Tints

#FF2469

Dark
Light

#B8617C

Dark
Light

#E8FF3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff2469;
  --color-2: #b8617c;
  --color-3: #e8ff3b;
  --color-4: #bdbdbd;
  --color-5: #414141;
}

SCSS

$color-1: #ff2469;
$color-2: #b8617c;
$color-3: #e8ff3b;
$color-4: #bdbdbd;
$color-5: #414141;

TAILWIND

colors: {
  'brand-1': '#ff2469',
  'brand-2': '#b8617c',
  'brand-3': '#e8ff3b',
  'brand-4': '#bdbdbd',
  'brand-5': '#414141',
}

RGB Array

[255, 36, 105], [184, 97, 124], [232, 255, 59], [189, 189, 189], [65, 65, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FF2469, #B8617C, #E8FF3B, #BDBDBD, #414141 is ideal for: 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: #ff2469; --color-2: #b8617c; --color-3: #e8ff3b; --color-4: #bdbdbd; --color-5: #414141. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 dark-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