← Back to Editor

#FF366D · #FF67AA · #DA73FF · #A1A5FF · #A7FFE9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF366D

Rouge · DeepPink · Rose Pink

HEX
#FF366D
RGB
rgb(255, 54, 109)
HSL
hsl(344, 100%, 61%)
HSB
hsb(344, 79%, 100%)
CMYK
cmyk(0%, 79%, 57%, 0%)
Oklch
oklch(66.0% 0.233 11.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF67AA

Rouge · LightCoral · Rose Pink

HEX
#FF67AA
RGB
rgb(255, 103, 170)
HSL
hsl(334, 100%, 70%)
HSB
hsb(334, 60%, 100%)
CMYK
cmyk(0%, 60%, 33%, 0%)
Oklch
oklch(72.3% 0.195 355.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DA73FF

Lilac · Violet · Lilac Purple

HEX
#DA73FF
RGB
rgb(218, 115, 255)
HSL
hsl(284, 100%, 73%)
HSB
hsb(284, 55%, 100%)
CMYK
cmyk(15%, 55%, 0%, 0%)
Oklch
oklch(72.7% 0.215 316.3)

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

#A1A5FF

Azure · LightSteelBlue · Sky Blue

HEX
#A1A5FF
RGB
rgb(161, 165, 255)
HSL
hsl(237, 100%, 82%)
HSB
hsb(237, 37%, 100%)
CMYK
cmyk(37%, 35%, 0%, 0%)
Oklch
oklch(75.5% 0.129 280.9)

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

#A7FFE9

Jade · LightBlue · Glacier Blue

HEX
#A7FFE9
RGB
rgb(167, 255, 233)
HSL
hsl(165, 100%, 83%)
HSB
hsb(165, 35%, 100%)
CMYK
cmyk(35%, 0%, 9%, 0%)
Oklch
oklch(93.8% 0.090 176.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF366D
38FFCA

Analogous

FF38D1
FF366D
FF6738

Triadic

FF366D
6DFF38
386DFF

Split-Comp.

FF366D
38FF67
38D1FF

Tetradic

FF366D
D1FF38
38FFCA
6738FF

Contrast Matrix WCAG 2.1 Contrast

FF366D
FF67AA
DA73FF
A1A5FF
A7FFE9
—
1.3
Fail
1.3
Fail
1.6
Fail
3.0
AA Large
1.3
Fail
—
1.0
Fail
1.2
Fail
2.3
Fail
1.3
Fail
1.0
Fail
—
1.2
Fail
2.3
Fail
1.6
Fail
1.2
Fail
1.2
Fail
—
1.9
Fail
3.0
AA Large
2.3
Fail
2.3
Fail
1.9
Fail
—
White BG
3.5AA Large
2.7Fail
2.7Fail
2.2Fail
1.2Fail
Black BG
6.0AA
7.8AAA
7.9AAA
9.3AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A660
BDBC9A
ADACDD
A3A3E9
CDCEEE

Deuteranopia

B4C35D
C6D196
B3BBD5
A3A2E4
C8C1F0

Tritanopia

F55553
F78D8A
D5C2BD
A1D8D4
ABF3F3

Achromatopsia

787878
9C9C9C
A2A2A2
AEAEAE
E2E2E2

Shades & Tints Shades & Tints

#FF366D

Dark
Light

#FF67AA

Dark
Light

#DA73FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff366d;
  --color-2: #ff67aa;
  --color-3: #da73ff;
  --color-4: #a1a5ff;
  --color-5: #a7ffe9;
}

SCSS

$color-1: #ff366d;
$color-2: #ff67aa;
$color-3: #da73ff;
$color-4: #a1a5ff;
$color-5: #a7ffe9;

TAILWIND

colors: {
  'brand-1': '#ff366d',
  'brand-2': '#ff67aa',
  'brand-3': '#da73ff',
  'brand-4': '#a1a5ff',
  'brand-5': '#a7ffe9',
}

RGB Array

[255, 54, 109], [255, 103, 170], [218, 115, 255], [161, 165, 255], [167, 255, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF366D, #FF67AA, #DA73FF, #A1A5FF, #A7FFE9 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff366d; --color-2: #ff67aa; --color-3: #da73ff; --color-4: #a1a5ff; --color-5: #a7ffe9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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