← Back to Editor

#9812DB · #43CCD1 · #CAFF91 · #43D179 · #DB12AC

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

#9812DB

Royal Purple · DarkViolet · Violet

HEX
#9812DB
RGB
rgb(152, 18, 219)
HSL
hsl(280, 85%, 46%)
HSB
hsb(280, 92%, 86%)
CMYK
cmyk(31%, 92%, 0%, 14%)
Oklch
oklch(53.2% 0.262 308.9)

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

#43CCD1

Lake Blue · MediumTurquoise · Lake Green

HEX
#43CCD1
RGB
rgb(67, 204, 209)
HSL
hsl(182, 61%, 54%)
HSB
hsb(182, 68%, 82%)
CMYK
cmyk(68%, 2%, 0%, 18%)
Oklch
oklch(77.5% 0.115 198.6)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#CAFF91

Willow Green · Khaki · Apple Green

HEX
#CAFF91
RGB
rgb(202, 255, 145)
HSL
hsl(89, 100%, 78%)
HSB
hsb(89, 43%, 100%)
CMYK
cmyk(21%, 0%, 43%, 0%)
Oklch
oklch(93.9% 0.149 129.9)

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

#43D179

Emerald · MediumSeaGreen · Olive Green

HEX
#43D179
RGB
rgb(67, 209, 121)
HSL
hsl(143, 61%, 54%)
HSB
hsb(143, 68%, 82%)
CMYK
cmyk(68%, 0%, 42%, 18%)
Oklch
oklch(76.4% 0.174 152.1)

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

#DB12AC

Rose Purple · DeepPink · Violet

HEX
#DB12AC
RGB
rgb(219, 18, 172)
HSL
hsl(314, 85%, 46%)
HSB
hsb(314, 92%, 86%)
CMYK
cmyk(0%, 92%, 21%, 14%)
Oklch
oklch(60.4% 0.254 341.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9812DB
54D912

Analogous

3312D9
9812DB
D912B8

Triadic

9812DB
D99712
12D997

Split-Comp.

9812DB
B8D912
12D933

Tetradic

9812DB
D93312
54D912
12B8D9

Contrast Matrix WCAG 2.1 Contrast

9812DB
43CCD1
CAFF91
43D179
DB12AC
—
3.1
AA Large
5.3
AA
3.1
AA Large
1.4
Fail
3.1
AA Large
—
1.7
Fail
1.0
Fail
2.3
Fail
5.3
AA
1.7
Fail
—
1.7
Fail
3.9
AA Large
3.1
AA Large
1.0
Fail
1.7
Fail
—
2.3
Fail
1.4
Fail
2.3
Fail
3.9
AA Large
2.3
Fail
—
White BG
6.1AA
1.9Fail
1.2Fail
2.0Fail
4.5AA Large
Black BG
3.4AA Large
10.8AAA
18.2AAA
10.6AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5DAA
7E80D0
E1E1AC
80828E
848287

Deuteranopia

66709F
766CCF
DEDAB2
786E93
909F7E

Tritanopia

91847C
4ACFCF
CDC1C5
4A9FA3
D16963

Achromatopsia

515151
A4A4A4
E3E3E3
9D9D9D
606060

Shades & Tints Shades & Tints

#9812DB

Dark
Light

#43CCD1

Dark
Light

#CAFF91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9812db;
  --color-2: #43ccd1;
  --color-3: #caff91;
  --color-4: #43d179;
  --color-5: #db12ac;
}

SCSS

$color-1: #9812db;
$color-2: #43ccd1;
$color-3: #caff91;
$color-4: #43d179;
$color-5: #db12ac;

TAILWIND

colors: {
  'brand-1': '#9812db',
  'brand-2': '#43ccd1',
  'brand-3': '#caff91',
  'brand-4': '#43d179',
  'brand-5': '#db12ac',
}

RGB Array

[152, 18, 219], [67, 204, 209], [202, 255, 145], [67, 209, 121], [219, 18, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9812DB, #43CCD1, #CAFF91, #43D179, #DB12AC is ideal for: social media posters, mobile apps, e-commerce promos. 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: #9812db; --color-2: #43ccd1; --color-3: #caff91; --color-4: #43d179; --color-5: #db12ac. 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. 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