← Back to Editor

#692768 · #BC507F · #E5888B · #FEBB9F · #FFE2C5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#692768

Rose Purple · Purple · Eggplant

HEX
#692768
RGB
rgb(105, 39, 104)
HSL
hsl(301, 46%, 28%)
HSB
hsb(301, 63%, 41%)
CMYK
cmyk(0%, 63%, 1%, 59%)
Oklch
oklch(39.6% 0.127 328.3)

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

#BC507F

Dark Violet · MediumVioletRed · Rose Pink

HEX
#BC507F
RGB
rgb(188, 80, 127)
HSL
hsl(334, 45%, 53%)
HSB
hsb(334, 57%, 74%)
CMYK
cmyk(0%, 57%, 32%, 26%)
Oklch
oklch(58.4% 0.148 355.4)

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

#E5888B

Peach Pink · LightCoral · Coral Red

HEX
#E5888B
RGB
rgb(229, 136, 139)
HSL
hsl(358, 64%, 72%)
HSB
hsb(358, 41%, 90%)
CMYK
cmyk(0%, 41%, 39%, 10%)
Oklch
oklch(72.6% 0.114 18.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FEBB9F

Apricot · LightPink · Peach Orange

HEX
#FEBB9F
RGB
rgb(254, 187, 159)
HSL
hsl(18, 98%, 81%)
HSB
hsb(18, 37%, 100%)
CMYK
cmyk(0%, 26%, 37%, 0%)
Oklch
oklch(84.7% 0.087 43.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFE2C5

Goose Yellow · Bisque · Peach Orange

HEX
#FFE2C5
RGB
rgb(255, 226, 197)
HSL
hsl(30, 100%, 89%)
HSB
hsb(30, 23%, 100%)
CMYK
cmyk(0%, 11%, 23%, 0%)
Oklch
oklch(92.9% 0.050 67.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

692768
276828

Analogous

482768
692768
682746

Triadic

692768
676827
276768

Split-Comp.

692768
466827
276848

Tetradic

692768
684827
276828
274668

Contrast Matrix WCAG 2.1 Contrast

692768
BC507F
E5888B
FEBB9F
FFE2C5
—
2.2
Fail
3.9
AA Large
6.1
AA
8.1
AAA
2.2
Fail
—
1.8
Fail
2.8
Fail
3.7
AA Large
3.9
AA Large
1.8
Fail
—
1.6
Fail
2.1
Fail
6.1
AA
2.8
Fail
1.6
Fail
—
1.3
Fail
8.1
AAA
3.7
AA Large
2.1
Fail
1.3
Fail
—
White BG
10.0AAA
4.6AA
2.6Fail
1.6Fail
1.2Fail
Black BG
2.1Fail
4.6AA
8.2AAA
12.8AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C58
8D8C74
BDBC8A
E1E0A6
F2F2CC

Deuteranopia

505555
949C71
C2C98A
E5EAA7
F4F6CE

Tritanopia

664C49
B76B69
E08A8A
FBABAC
FED2D3

Achromatopsia

424242
767676
A4A4A4
CCCCCC
E7E7E7

Shades & Tints Shades & Tints

#692768

Dark
Light

#BC507F

Dark
Light

#E5888B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #692768;
  --color-2: #bc507f;
  --color-3: #e5888b;
  --color-4: #febb9f;
  --color-5: #ffe2c5;
}

SCSS

$color-1: #692768;
$color-2: #bc507f;
$color-3: #e5888b;
$color-4: #febb9f;
$color-5: #ffe2c5;

TAILWIND

colors: {
  'brand-1': '#692768',
  'brand-2': '#bc507f',
  'brand-3': '#e5888b',
  'brand-4': '#febb9f',
  'brand-5': '#ffe2c5',
}

RGB Array

[105, 39, 104], [188, 80, 127], [229, 136, 139], [254, 187, 159], [255, 226, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #692768, #BC507F, #E5888B, #FEBB9F, #FFE2C5 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #692768; --color-2: #bc507f; --color-3: #e5888b; --color-4: #febb9f; --color-5: #ffe2c5. 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 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