← Back to Editor

#F73EFA · #D94AAE · #A68191 · #B9B68C · #EBE478

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 Library

Color Details Color Details

#F73EFA

Lilac · Magenta · Lilac Purple

HEX
#F73EFA
RGB
rgb(247, 62, 250)
HSL
hsl(299, 95%, 61%)
HSB
hsb(299, 75%, 98%)
CMYK
cmyk(1%, 75%, 0%, 2%)
Oklch
oklch(70.8% 0.288 327.4)

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

#D94AAE

Rose Purple · MediumOrchid · Violet

HEX
#D94AAE
RGB
rgb(217, 74, 174)
HSL
hsl(318, 65%, 57%)
HSB
hsb(318, 66%, 85%)
CMYK
cmyk(0%, 66%, 20%, 15%)
Oklch
oklch(63.7% 0.206 341.8)

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

#A68191

Dark Violet · Gray · Rose Pink

HEX
#A68191
RGB
rgb(166, 129, 145)
HSL
hsl(334, 17%, 58%)
HSB
hsb(334, 22%, 65%)
CMYK
cmyk(0%, 22%, 13%, 35%)
Oklch
oklch(64.4% 0.050 350.9)

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

#B9B68C

Fresh Green · Tan · Sunflower

HEX
#B9B68C
RGB
rgb(185, 182, 140)
HSL
hsl(56, 24%, 64%)
HSB
hsb(56, 24%, 73%)
CMYK
cmyk(0%, 2%, 24%, 27%)
Oklch
oklch(76.8% 0.057 104.3)

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

#EBE478

Fresh Green · Khaki · Sunflower

HEX
#EBE478
RGB
rgb(235, 228, 120)
HSL
hsl(56, 74%, 70%)
HSB
hsb(56, 49%, 92%)
CMYK
cmyk(0%, 3%, 49%, 8%)
Oklch
oklch(90.2% 0.131 105.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F73EFA
40FA3D

Analogous

983DFA
F73EFA
FA3D9F

Triadic

F73EFA
FAF73D
3DFAF7

Split-Comp.

F73EFA
9FFA3D
3DFA98

Tetradic

F73EFA
FA983D
40FA3D
3D9FFA

Contrast Matrix WCAG 2.1 Contrast

F73EFA
D94AAE
A68191
B9B68C
EBE478
—
1.3
Fail
1.1
Fail
1.4
Fail
2.3
Fail
1.3
Fail
—
1.1
Fail
1.8
Fail
2.9
Fail
1.1
Fail
1.1
Fail
—
1.6
Fail
2.6
Fail
1.4
Fail
1.8
Fail
1.6
Fail
—
1.6
Fail
2.3
Fail
2.9
Fail
2.6
Fail
1.6
Fail
—
White BG
3.0Fail
3.8AA Large
3.4AA Large
2.1Fail
1.3Fail
Black BG
7.0AAA
5.5AA
6.2AA
10.1AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A5CD
9B9A96
96968D
B8B896
E8E892

Deuteranopia

B2BFC2
A3AE90
989B8C
B8B899
E8E998

Tritanopia

EEA9A1
D2837F
A48A89
B99EA0
EBA7AB

Achromatopsia

8B8B8B
808080
8E8E8E
B2B2B2
DADADA

Shades & Tints Shades & Tints

#F73EFA

Dark
Light

#D94AAE

Dark
Light

#A68191

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f73efa;
  --color-2: #d94aae;
  --color-3: #a68191;
  --color-4: #b9b68c;
  --color-5: #ebe478;
}

SCSS

$color-1: #f73efa;
$color-2: #d94aae;
$color-3: #a68191;
$color-4: #b9b68c;
$color-5: #ebe478;

TAILWIND

colors: {
  'brand-1': '#f73efa',
  'brand-2': '#d94aae',
  'brand-3': '#a68191',
  'brand-4': '#b9b68c',
  'brand-5': '#ebe478',
}

RGB Array

[247, 62, 250], [217, 74, 174], [166, 129, 145], [185, 182, 140], [235, 228, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F73EFA, #D94AAE, #A68191, #B9B68C, #EBE478 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: #f73efa; --color-2: #d94aae; --color-3: #a68191; --color-4: #b9b68c; --color-5: #ebe478. 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