← Back to Editor

#1F1F24 · #5F0338 · #4D0E98 · #C210C1 · #0F8695

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1F1F24

Ink Black · Black · Dark Stone

HEX
#1F1F24
RGB
rgb(31, 31, 36)
HSL
hsl(240, 7%, 13%)
HSB
hsb(240, 14%, 14%)
CMYK
cmyk(14%, 14%, 0%, 86%)
Oklch
oklch(24.1% 0.009 285.7)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#5F0338

Rose Purple · Maroon · Raspberry

HEX
#5F0338
RGB
rgb(95, 3, 56)
HSL
hsl(325, 94%, 19%)
HSB
hsb(325, 97%, 37%)
CMYK
cmyk(0%, 97%, 41%, 63%)
Oklch
oklch(32.0% 0.129 353.4)

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

#4D0E98

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4D0E98
RGB
rgb(77, 14, 152)
HSL
hsl(267, 83%, 33%)
HSB
hsb(267, 91%, 60%)
CMYK
cmyk(49%, 91%, 0%, 40%)
Oklch
oklch(37.2% 0.193 294.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#C210C1

Rose Purple · DarkViolet · Violet

HEX
#C210C1
RGB
rgb(194, 16, 193)
HSL
hsl(300, 85%, 41%)
HSB
hsb(300, 92%, 76%)
CMYK
cmyk(0%, 92%, 1%, 24%)
Oklch
oklch(57.4% 0.257 328.6)

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

#0F8695

Lake Blue · Teal · Mint Ice

HEX
#0F8695
RGB
rgb(15, 134, 149)
HSL
hsl(187, 82%, 32%)
HSB
hsb(187, 90%, 58%)
CMYK
cmyk(90%, 10%, 0%, 42%)
Oklch
oklch(56.9% 0.095 208.9)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F1F24
23231F

Analogous

1F2123
1F1F24
211F23

Triadic

1F1F24
231F1F
1F231F

Split-Comp.

1F1F24
23211F
21231F

Tetradic

1F1F24
231F21
23231F
1F2321

Contrast Matrix WCAG 2.1 Contrast

1F1F24
5F0338
4D0E98
C210C1
0F8695
—
1.2
Fail
1.4
Fail
3.2
AA Large
3.8
AA Large
1.2
Fail
—
1.2
Fail
2.7
Fail
3.1
AA Large
1.4
Fail
1.2
Fail
—
2.3
Fail
2.7
Fail
3.2
AA Large
2.7
Fail
2.3
Fail
—
1.2
Fail
3.8
AA Large
3.1
AA Large
2.7
Fail
1.2
Fail
—
White BG
16.4AAA
13.5AAA
11.5AAA
5.1AA
4.3AA Large
Black BG
1.3Fail
1.6Fail
1.8Fail
4.1AA Large
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F23
37362B
323177
757396
434491

Deuteranopia

1F1F23
3D4328
353A6F
7F8D8C
3C3391

Tritanopia

1F2222
5A211F
4A5C56
B9746D
158F8E

Achromatopsia

202020
252525
313131
595959
646464

Shades & Tints Shades & Tints

#1F1F24

Dark
Light

#5F0338

Dark
Light

#4D0E98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f1f24;
  --color-2: #5f0338;
  --color-3: #4d0e98;
  --color-4: #c210c1;
  --color-5: #0f8695;
}

SCSS

$color-1: #1f1f24;
$color-2: #5f0338;
$color-3: #4d0e98;
$color-4: #c210c1;
$color-5: #0f8695;

TAILWIND

colors: {
  'brand-1': '#1f1f24',
  'brand-2': '#5f0338',
  'brand-3': '#4d0e98',
  'brand-4': '#c210c1',
  'brand-5': '#0f8695',
}

RGB Array

[31, 31, 36], [95, 3, 56], [77, 14, 152], [194, 16, 193], [15, 134, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1F1F24, #5F0338, #4D0E98, #C210C1, #0F8695 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #1f1f24; --color-2: #5f0338; --color-3: #4d0e98; --color-4: #c210c1; --color-5: #0f8695. 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. 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