#EA08AD + #CE54D8 + #A3B2C9 + #B3C9CF + #F32667 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EA08AD

Rose Purple · DeepPink · Violet

HEX

#EA08AD

RGB

rgb(234, 8, 173)

HSL

hsl(316, 93%, 47%)

HSB

hsb(316, 97%, 92%)

CMYK

cmyk(0%, 97%, 26%, 8%)

Oklch

oklch(62.7% 0.265 344.5)

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

#CE54D8

Royal Purple · MediumOrchid · Violet

HEX

#CE54D8

RGB

rgb(206, 84, 216)

HSL

hsl(295, 63%, 59%)

HSB

hsb(295, 61%, 85%)

CMYK

cmyk(5%, 61%, 0%, 15%)

Oklch

oklch(65.3% 0.218 324.6)

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

#A3B2C9

Azure · LightSteelBlue · Cobalt Blue

HEX

#A3B2C9

RGB

rgb(163, 178, 201)

HSL

hsl(216, 26%, 71%)

HSB

hsb(216, 19%, 79%)

CMYK

cmyk(19%, 11%, 0%, 21%)

Oklch

oklch(75.9% 0.037 258.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B3C9CF

Sky Blue · LightSteelBlue · Glacier Blue

HEX

#B3C9CF

RGB

rgb(179, 201, 207)

HSL

hsl(193, 23%, 76%)

HSB

hsb(193, 14%, 81%)

CMYK

cmyk(14%, 3%, 0%, 19%)

Oklch

oklch(82.1% 0.025 215.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#F32667

Dark Violet · DeepPink · Rose Pink

HEX

#F32667

RGB

rgb(243, 38, 103)

HSL

hsl(341, 90%, 55%)

HSB

hsb(341, 84%, 95%)

CMYK

cmyk(0%, 84%, 58%, 5%)

Oklch

oklch(62.8% 0.234 10.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA08AD

08E744

Analogous

B308E7

EA08AD

E7083C

Triadic

EA08AD

ACE708

08ACE7

Split-Comp.

EA08AD

3CE708

08E7B3

Tetradic

EA08AD

E7B308

08E744

083CE7

Contrast Matrix WCAG 2.1 Contrast

EA08AD	CE54D8	A3B2C9	B3C9CF	F32667
—	1.1 Fail	1.9 Fail	2.4 Fail	1.0 Fail
1.1 Fail	—	1.7 Fail	2.1 Fail	1.1 Fail
1.9 Fail	1.7 Fail	—	1.2 Fail	1.8 Fail
2.4 Fail	2.1 Fail	1.2 Fail	—	2.3 Fail
1.0 Fail	1.1 Fail	1.8 Fail	2.3 Fail	—

White BG

4.1AA Large

3.6AA Large

2.1Fail

1.7Fail

4.0AA Large

Black BG

5.1AA

5.9AA

9.8AAA

12.2AAA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888685

9998B8

A9AAC3

BDBDCE

9A9857

Deuteranopia

95A67C

A0A9B0

A9A8C2

BBBACD

A6B654

Tritanopia

DF665F

C89F99

A4BFBE

B4CCCC

E94B48

Achromatopsia

5E5E5E

888888

B0B0B0

C3C3C3

6B6B6B

Shades & Tints Shades & Tints

#EA08AD

Dark

Light

#CE54D8

Dark

Light

#A3B2C9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea08ad;
  --color-2: #ce54d8;
  --color-3: #a3b2c9;
  --color-4: #b3c9cf;
  --color-5: #f32667;
}

SCSS

$color-1: #ea08ad;
$color-2: #ce54d8;
$color-3: #a3b2c9;
$color-4: #b3c9cf;
$color-5: #f32667;

TAILWIND

colors: {
  'brand-1': '#ea08ad',
  'brand-2': '#ce54d8',
  'brand-3': '#a3b2c9',
  'brand-4': '#b3c9cf',
  'brand-5': '#f32667',
}

RGB Array

[234, 8, 173], [206, 84, 216], [163, 178, 201], [179, 201, 207], [243, 38, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA08AD, #CE54D8, #A3B2C9, #B3C9CF, #F32667 is ideal for: corporate websites, product showcases, portfolios. 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: #ea08ad; --color-2: #ce54d8; --color-3: #a3b2c9; --color-4: #b3c9cf; --color-5: #f32667. 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 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