← Back to Editor

#610039 · #000000 · #1D707D · #47BA84 · #78FF75

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 AppData Visualization

Color Details Color Details

#610039

Rose Purple · Maroon · Raspberry

HEX
#610039
RGB
rgb(97, 0, 57)
HSL
hsl(325, 100%, 19%)
HSB
hsb(325, 100%, 38%)
CMYK
cmyk(0%, 100%, 41%, 62%)
Oklch
oklch(32.3% 0.133 353.2)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#1D707D

Lake Blue · Teal · Mint Ice

HEX
#1D707D
RGB
rgb(29, 112, 125)
HSL
hsl(188, 62%, 30%)
HSB
hsb(188, 77%, 49%)
CMYK
cmyk(77%, 10%, 0%, 51%)
Oklch
oklch(50.3% 0.078 210.4)

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

#47BA84

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#47BA84
RGB
rgb(71, 186, 132)
HSL
hsl(152, 45%, 50%)
HSB
hsb(152, 62%, 73%)
CMYK
cmyk(62%, 0%, 29%, 27%)
Oklch
oklch(70.9% 0.132 159.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#78FF75

Emerald · LightGreen · Apple Green

HEX
#78FF75
RGB
rgb(120, 255, 117)
HSL
hsl(119, 100%, 73%)
HSB
hsb(119, 54%, 100%)
CMYK
cmyk(53%, 0%, 54%, 0%)
Oklch
oklch(89.4% 0.215 143.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

610039
006128

Analogous

590061
610039
610008

Triadic

610039
396100
003961

Split-Comp.

610039
086100
006159

Tetradic

610039
615900
006128
000861

Contrast Matrix WCAG 2.1 Contrast

610039
000000
1D707D
47BA84
78FF75
—
1.6
Fail
2.3
Fail
5.5
AA
10.4
AAA
1.6
Fail
—
3.7
AA Large
8.6
AAA
16.4
AAA
2.3
Fail
3.7
AA Large
—
2.4
Fail
4.5
AA Large
5.5
AA
8.6
AAA
2.4
Fail
—
1.9
Fail
10.4
AAA
16.4
AAA
4.5
AA Large
1.9
Fail
—
White BG
13.4AAA
21.0AAA
5.7AA
2.4Fail
1.3Fail
Black BG
1.6Fail
1.0Fail
3.7AA Large
8.6AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

37362B
000000
41427A
797A91
B2B496

Deuteranopia

3D4428
000000
3C3679
726A94
ABA19E

Tritanopia

5C201E
000000
217777
4D9B9E
7FB1B7

Achromatopsia

242424
000000
595959
919191
C7C7C7

Shades & Tints Shades & Tints

#610039

Dark
Light

#000000

Dark
Light

#1D707D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #610039;
  --color-2: #000000;
  --color-3: #1d707d;
  --color-4: #47ba84;
  --color-5: #78ff75;
}

SCSS

$color-1: #610039;
$color-2: #000000;
$color-3: #1d707d;
$color-4: #47ba84;
$color-5: #78ff75;

TAILWIND

colors: {
  'brand-1': '#610039',
  'brand-2': '#000000',
  'brand-3': '#1d707d',
  'brand-4': '#47ba84',
  'brand-5': '#78ff75',
}

RGB Array

[97, 0, 57], [0, 0, 0], [29, 112, 125], [71, 186, 132], [120, 255, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #610039, #000000, #1D707D, #47BA84, #78FF75 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: #610039; --color-2: #000000; --color-3: #1d707d; --color-4: #47ba84; --color-5: #78ff75. 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