← Back to Editor

#91B0FF · #FFC7D2 · #FFA187 · #B388AA · #8279AD

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

#91B0FF

Azure · LightSkyBlue · Cobalt Blue

HEX
#91B0FF
RGB
rgb(145, 176, 255)
HSL
hsl(223, 100%, 78%)
HSB
hsb(223, 43%, 100%)
CMYK
cmyk(43%, 31%, 0%, 0%)
Oklch
oklch(76.5% 0.119 267.2)

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

#FFC7D2

Peach Pink · Pink · Cherry Blossom

HEX
#FFC7D2
RGB
rgb(255, 199, 210)
HSL
hsl(348, 100%, 89%)
HSB
hsb(348, 22%, 100%)
CMYK
cmyk(0%, 22%, 18%, 0%)
Oklch
oklch(88.2% 0.065 5.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFA187

Peach Pink · LightSalmon · Coral Red

HEX
#FFA187
RGB
rgb(255, 161, 135)
HSL
hsl(13, 100%, 76%)
HSB
hsb(13, 47%, 100%)
CMYK
cmyk(0%, 37%, 47%, 0%)
Oklch
oklch(79.8% 0.118 36.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B388AA

Mauve · DarkGray · Lilac Purple

HEX
#B388AA
RGB
rgb(179, 136, 170)
HSL
hsl(313, 22%, 62%)
HSB
hsb(313, 24%, 70%)
CMYK
cmyk(0%, 24%, 5%, 30%)
Oklch
oklch(67.9% 0.070 333.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#8279AD

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8279AD
RGB
rgb(130, 121, 173)
HSL
hsl(250, 24%, 58%)
HSB
hsb(250, 30%, 68%)
CMYK
cmyk(25%, 30%, 0%, 32%)
Oklch
oklch(60.4% 0.079 291.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91B0FF
FFDF8F

Analogous

8FE7FF
91B0FF
A78FFF

Triadic

91B0FF
FF8FAF
AFFF8F

Split-Comp.

91B0FF
FFA78F
E7FF8F

Tetradic

91B0FF
FF8FE7
FFDF8F
8FFFA7

Contrast Matrix WCAG 2.1 Contrast

91B0FF
FFC7D2
FFA187
B388AA
8279AD
—
1.5
Fail
1.1
Fail
1.4
Fail
1.9
Fail
1.5
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.4
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
1.9
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
White BG
2.1Fail
1.5Fail
2.0Fail
3.0Fail
4.0AA Large
Black BG
9.9AAA
14.4AAA
10.7AAA
7.0AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9FEC
E7E6CF
D6D58D
A0A0A2
7E7EA0

Deuteranopia

9D9AE7
EAEECF
DCE38F
A3A6A0
7F7F9D

Tritanopia

93DDD9
FCCDCD
FA9293
B19B9A
829694

Achromatopsia

B0B0B0
D9D9D9
BABABA
999999
828282

Shades & Tints Shades & Tints

#91B0FF

Dark
Light

#FFC7D2

Dark
Light

#FFA187

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91b0ff;
  --color-2: #ffc7d2;
  --color-3: #ffa187;
  --color-4: #b388aa;
  --color-5: #8279ad;
}

SCSS

$color-1: #91b0ff;
$color-2: #ffc7d2;
$color-3: #ffa187;
$color-4: #b388aa;
$color-5: #8279ad;

TAILWIND

colors: {
  'brand-1': '#91b0ff',
  'brand-2': '#ffc7d2',
  'brand-3': '#ffa187',
  'brand-4': '#b388aa',
  'brand-5': '#8279ad',
}

RGB Array

[145, 176, 255], [255, 199, 210], [255, 161, 135], [179, 136, 170], [130, 121, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91B0FF, #FFC7D2, #FFA187, #B388AA, #8279AD 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: #91b0ff; --color-2: #ffc7d2; --color-3: #ffa187; --color-4: #b388aa; --color-5: #8279ad. 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