← Back to Editor

#352C3C · #19F9EF · #EDD95E · #A390A5 · #B068F0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#352C3C

Dark Plum · DarkSlateGray · Dark Purple

HEX
#352C3C
RGB
rgb(53, 44, 60)
HSL
hsl(274, 15%, 20%)
HSB
hsb(274, 27%, 24%)
CMYK
cmyk(12%, 27%, 0%, 76%)
Oklch
oklch(31.0% 0.031 310.0)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#19F9EF

Mineral Blue · Cyan · Lake Green

HEX
#19F9EF
RGB
rgb(25, 249, 239)
HSL
hsl(177, 95%, 54%)
HSB
hsb(177, 90%, 98%)
CMYK
cmyk(90%, 0%, 4%, 2%)
Oklch
oklch(88.7% 0.151 189.6)

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

#EDD95E

Fresh Green · Khaki · Sunflower

HEX
#EDD95E
RGB
rgb(237, 217, 94)
HSL
hsl(52, 80%, 65%)
HSB
hsb(52, 60%, 93%)
CMYK
cmyk(0%, 8%, 60%, 7%)
Oklch
oklch(87.9% 0.144 100.1)

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

#A390A5

Lilac · DarkGray · Lilac Purple

HEX
#A390A5
RGB
rgb(163, 144, 165)
HSL
hsl(294, 10%, 61%)
HSB
hsb(294, 13%, 65%)
CMYK
cmyk(1%, 13%, 0%, 35%)
Oklch
oklch(67.7% 0.037 323.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#B068F0

Lilac · MediumOrchid · Lilac Purple

HEX
#B068F0
RGB
rgb(176, 104, 240)
HSL
hsl(272, 82%, 67%)
HSB
hsb(272, 57%, 94%)
CMYK
cmyk(27%, 57%, 0%, 6%)
Oklch
oklch(65.6% 0.201 306.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

352C3C
323B2B

Analogous

2C2B3B
352C3C
3B2B3A

Triadic

352C3C
3B342B
2B3B34

Split-Comp.

352C3C
3A3B2B
2B3B2C

Tetradic

352C3C
3B2C2B
323B2B
2B3A3B

Contrast Matrix WCAG 2.1 Contrast

352C3C
19F9EF
EDD95E
A390A5
B068F0
—
10.0
AAA
9.3
AAA
4.5
AA Large
3.9
AA Large
10.0
AAA
—
1.1
Fail
2.2
Fail
2.6
Fail
9.3
AAA
1.1
Fail
—
2.1
Fail
2.4
Fail
4.5
AA Large
2.2
Fail
2.1
Fail
—
1.2
Fail
3.9
AA Large
2.6
Fail
2.4
Fail
1.2
Fail
—
White BG
13.3AAA
1.3Fail
1.4Fail
3.0Fail
3.5AA Large
Black BG
1.6Fail
15.8AAA
14.7AAA
7.1AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

313138
7A7CF1
E4E47C
9B9BA0
9190CF

Deuteranopia

323237
6D5CF2
E6E783
9C9D9F
959AC7

Tritanopia

353534
24F3F4
EC9398
A29C9B
ACB5AF

Achromatopsia

313131
B5B5B5
D1D1D1
989898
8D8D8D

Shades & Tints Shades & Tints

#352C3C

Dark
Light

#19F9EF

Dark
Light

#EDD95E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #352c3c;
  --color-2: #19f9ef;
  --color-3: #edd95e;
  --color-4: #a390a5;
  --color-5: #b068f0;
}

SCSS

$color-1: #352c3c;
$color-2: #19f9ef;
$color-3: #edd95e;
$color-4: #a390a5;
$color-5: #b068f0;

TAILWIND

colors: {
  'brand-1': '#352c3c',
  'brand-2': '#19f9ef',
  'brand-3': '#edd95e',
  'brand-4': '#a390a5',
  'brand-5': '#b068f0',
}

RGB Array

[53, 44, 60], [25, 249, 239], [237, 217, 94], [163, 144, 165], [176, 104, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #352C3C, #19F9EF, #EDD95E, #A390A5, #B068F0 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: #352c3c; --color-2: #19f9ef; --color-3: #edd95e; --color-4: #a390a5; --color-5: #b068f0. 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 general-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