← Back to Editor

#EAE2EA · #F0870C · #941186 · #12A5AC · #060606

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

#EAE2EA

Mauve · Lavender · Lavender

HEX
#EAE2EA
RGB
rgb(234, 226, 234)
HSL
hsl(300, 16%, 90%)
HSB
hsb(300, 3%, 92%)
CMYK
cmyk(0%, 3%, 0%, 8%)
Oklch
oklch(92.1% 0.014 325.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#F0870C

Ochre · Orange · Amber Brown

HEX
#F0870C
RGB
rgb(240, 135, 12)
HSL
hsl(32, 90%, 49%)
HSB
hsb(32, 95%, 94%)
CMYK
cmyk(0%, 44%, 95%, 6%)
Oklch
oklch(72.3% 0.168 59.5)

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

#941186

Rose Purple · DarkMagenta · Eggplant

HEX
#941186
RGB
rgb(148, 17, 134)
HSL
hsl(306, 79%, 32%)
HSB
hsb(306, 89%, 58%)
CMYK
cmyk(0%, 89%, 9%, 42%)
Oklch
oklch(46.5% 0.198 333.6)

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

#12A5AC

Lake Blue · LightSeaGreen · Mint Ice

HEX
#12A5AC
RGB
rgb(18, 165, 172)
HSL
hsl(183, 81%, 37%)
HSB
hsb(183, 90%, 67%)
CMYK
cmyk(90%, 4%, 0%, 33%)
Oklch
oklch(65.7% 0.109 200.3)

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

#060606

Ink Black · Black · Jet Black

HEX
#060606
RGB
rgb(6, 6, 6)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(12.2% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE2EA
E1EAE1

Analogous

E6E1EA
EAE2EA
EAE1E6

Triadic

EAE2EA
EAEAE1
E1EAEA

Split-Comp.

EAE2EA
E6EAE1
E1EAE6

Tetradic

EAE2EA
EAE6E1
E1EAE1
E1E6EA

Contrast Matrix WCAG 2.1 Contrast

EAE2EA
F0870C
941186
12A5AC
060606
—
2.0
Fail
6.2
AA
2.4
Fail
16.0
AAA
2.0
Fail
—
3.0
AA Large
1.2
Fail
7.9
AAA
6.2
AA
3.0
AA Large
—
2.6
Fail
2.6
Fail
2.4
Fail
1.2
Fail
2.6
Fail
—
6.8
AA
16.0
AAA
7.9
AAA
2.6
Fail
6.8
AA
—
White BG
1.3Fail
2.6Fail
7.8AAA
3.0Fail
20.3AAA
Black BG
16.6AAA
8.2AAA
2.7Fail
7.0AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6E8
C3C22A
5B5A6A
5253AA
060606

Deuteranopia

E7E8E8
C9D131
636D63
493EAA
060606

Tritanopia

EAE7E6
EB4146
8D534E
19A9A9
060606

Achromatopsia

E5E5E5
989898
464646
7A7A7A
060606

Shades & Tints Shades & Tints

#EAE2EA

Dark
Light

#F0870C

Dark
Light

#941186

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae2ea;
  --color-2: #f0870c;
  --color-3: #941186;
  --color-4: #12a5ac;
  --color-5: #060606;
}

SCSS

$color-1: #eae2ea;
$color-2: #f0870c;
$color-3: #941186;
$color-4: #12a5ac;
$color-5: #060606;

TAILWIND

colors: {
  'brand-1': '#eae2ea',
  'brand-2': '#f0870c',
  'brand-3': '#941186',
  'brand-4': '#12a5ac',
  'brand-5': '#060606',
}

RGB Array

[234, 226, 234], [240, 135, 12], [148, 17, 134], [18, 165, 172], [6, 6, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE2EA, #F0870C, #941186, #12A5AC, #060606 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: #eae2ea; --color-2: #f0870c; --color-3: #941186; --color-4: #12a5ac; --color-5: #060606. 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