← Back to Editor

#0CD819 · #0E9AB5 · #D41485 · #FA5D07 · #670565

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

#0CD819

Pine Green · LimeGreen · Olive Green

HEX
#0CD819
RGB
rgb(12, 216, 25)
HSL
hsl(124, 89%, 45%)
HSB
hsb(124, 94%, 85%)
CMYK
cmyk(94%, 0%, 88%, 15%)
Oklch
oklch(76.5% 0.255 142.9)

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

#0E9AB5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0E9AB5
RGB
rgb(14, 154, 181)
HSL
hsl(190, 86%, 38%)
HSB
hsb(190, 92%, 71%)
CMYK
cmyk(92%, 15%, 0%, 29%)
Oklch
oklch(63.3% 0.111 216.4)

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

#D41485

Rose Purple · MediumVioletRed · Camellia

HEX
#D41485
RGB
rgb(212, 20, 133)
HSL
hsl(325, 83%, 45%)
HSB
hsb(325, 91%, 83%)
CMYK
cmyk(0%, 91%, 37%, 17%)
Oklch
oklch(57.6% 0.230 352.8)

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

#FA5D07

Tangerine · OrangeRed · Amber Brown

HEX
#FA5D07
RGB
rgb(250, 93, 7)
HSL
hsl(21, 96%, 50%)
HSB
hsb(21, 97%, 98%)
CMYK
cmyk(0%, 63%, 97%, 2%)
Oklch
oklch(67.7% 0.206 41.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#670565

Rose Purple · Purple · Eggplant

HEX
#670565
RGB
rgb(103, 5, 101)
HSL
hsl(301, 91%, 21%)
HSB
hsb(301, 95%, 40%)
CMYK
cmyk(0%, 95%, 2%, 60%)
Oklch
oklch(36.2% 0.161 329.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0CD819
D90DCB

Analogous

65D90D
0CD819
0DD980

Triadic

0CD819
1A0DD9
D91A0D

Split-Comp.

0CD819
800DD9
D90D65

Tetradic

0CD819
0D65D9
D90DCB
D9800D

Contrast Matrix WCAG 2.1 Contrast

0CD819
0E9AB5
D41485
FA5D07
670565
—
1.7
Fail
2.6
Fail
1.6
Fail
6.1
AA
1.7
Fail
—
1.5
Fail
1.1
Fail
3.5
AA Large
2.6
Fail
1.5
Fail
—
1.6
Fail
2.4
Fail
1.6
Fail
1.1
Fail
1.6
Fail
—
3.7
AA Large
6.1
AA
3.5
AA Large
2.4
Fail
3.7
AA Large
—
White BG
1.9Fail
3.3AA Large
5.0AA
3.2AA Large
11.8AAA
Black BG
10.9AAA
6.3AA
4.2AA Large
6.6AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

646647
4B4CAE
817F6A
B6B51C
3D3C4E

Deuteranopia

594952
4338AD
8C9A63
BFCB21
424A48

Tritanopia

166C74
15A9A8
CA544F
F22C30
623B37

Achromatopsia

858585
737373
5A5A5A
828282
2D2D2D

Shades & Tints Shades & Tints

#0CD819

Dark
Light

#0E9AB5

Dark
Light

#D41485

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0cd819;
  --color-2: #0e9ab5;
  --color-3: #d41485;
  --color-4: #fa5d07;
  --color-5: #670565;
}

SCSS

$color-1: #0cd819;
$color-2: #0e9ab5;
$color-3: #d41485;
$color-4: #fa5d07;
$color-5: #670565;

TAILWIND

colors: {
  'brand-1': '#0cd819',
  'brand-2': '#0e9ab5',
  'brand-3': '#d41485',
  'brand-4': '#fa5d07',
  'brand-5': '#670565',
}

RGB Array

[12, 216, 25], [14, 154, 181], [212, 20, 133], [250, 93, 7], [103, 5, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0CD819, #0E9AB5, #D41485, #FA5D07, #670565 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: #0cd819; --color-2: #0e9ab5; --color-3: #d41485; --color-4: #fa5d07; --color-5: #670565. 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