← Back to Editor

#E86DCF · #1F1B1B · #55BA43 · #55BA43 · #FAFF6E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E86DCF

Mauve · Orchid · Lilac Purple

HEX
#E86DCF
RGB
rgb(232, 109, 207)
HSL
hsl(312, 73%, 67%)
HSB
hsb(312, 53%, 91%)
CMYK
cmyk(0%, 53%, 11%, 9%)
Oklch
oklch(71.3% 0.190 335.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#1F1B1B

Ink Black · Black · Dark Stone

HEX
#1F1B1B
RGB
rgb(31, 27, 27)
HSL
hsl(0, 7%, 11%)
HSB
hsb(0, 13%, 12%)
CMYK
cmyk(0%, 13%, 13%, 88%)
Oklch
oklch(22.7% 0.006 17.6)

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

#55BA43

Celadon · LimeGreen · Olive Green

HEX
#55BA43
RGB
rgb(85, 186, 67)
HSL
hsl(111, 47%, 50%)
HSB
hsb(111, 64%, 73%)
CMYK
cmyk(54%, 0%, 64%, 27%)
Oklch
oklch(70.3% 0.183 140.8)

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

#55BA43

Celadon · LimeGreen · Olive Green

HEX
#55BA43
RGB
rgb(85, 186, 67)
HSL
hsl(111, 47%, 50%)
HSB
hsb(111, 64%, 73%)
CMYK
cmyk(54%, 0%, 64%, 27%)
Oklch
oklch(70.3% 0.183 140.8)

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

#FAFF6E

Fresh Green · Khaki · Sunflower

HEX
#FAFF6E
RGB
rgb(250, 255, 110)
HSL
hsl(62, 100%, 72%)
HSB
hsb(62, 57%, 100%)
CMYK
cmyk(2%, 0%, 57%, 0%)
Oklch
oklch(96.9% 0.166 111.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E86DCF
6DE886

Analogous

C36DE8
E86DCF
E86D92

Triadic

E86DCF
D0E86D
6DD0E8

Split-Comp.

E86DCF
92E86D
6DE8C3

Tetradic

E86DCF
E8C36D
6DE886
6D92E8

Contrast Matrix WCAG 2.1 Contrast

E86DCF
1F1B1B
55BA43
55BA43
FAFF6E
—
6.1
AA
1.1
Fail
1.1
Fail
2.6
Fail
6.1
AA
—
6.9
AA
6.9
AA
15.9
AAA
1.1
Fail
6.9
AA
——
2.3
Fail
1.1
Fail
6.9
AA
——
2.3
Fail
2.6
Fail
15.9
AAA
2.3
Fail
2.3
Fail
—
White BG
2.8Fail
17.1AAA
2.5Fail
2.5Fail
1.1Fail
Black BG
7.5AAA
1.2Fail
8.5AAA
8.5AAA
19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B2B7
1D1D1B
818260
818260
FCFC91

Deuteranopia

BAC3B2
1E1E1B
7B7367
7B7367
FCFC9A

Tritanopia

E2A5A0
1F1B1B
5A777C
5A777C
FAADB3

Achromatopsia

9D9D9D
1C1C1C
8E8E8E
8E8E8E
EDEDED

Shades & Tints Shades & Tints

#E86DCF

Dark
Light

#1F1B1B

Dark
Light

#55BA43

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e86dcf;
  --color-2: #1f1b1b;
  --color-3: #55ba43;
  --color-4: #55ba43;
  --color-5: #faff6e;
}

SCSS

$color-1: #e86dcf;
$color-2: #1f1b1b;
$color-3: #55ba43;
$color-4: #55ba43;
$color-5: #faff6e;

TAILWIND

colors: {
  'brand-1': '#e86dcf',
  'brand-2': '#1f1b1b',
  'brand-3': '#55ba43',
  'brand-4': '#55ba43',
  'brand-5': '#faff6e',
}

RGB Array

[232, 109, 207], [31, 27, 27], [85, 186, 67], [85, 186, 67], [250, 255, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E86DCF, #1F1B1B, #55BA43, #55BA43, #FAFF6E 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: #e86dcf; --color-2: #1f1b1b; --color-3: #55ba43; --color-4: #55ba43; --color-5: #faff6e. 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