← Back to Editor

#E499B7 · #99CFE4 · #C699E4 · #E4DE99 · #919AFF

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

#E499B7

Rouge · LightPink · Rose Pink

HEX
#E499B7
RGB
rgb(228, 153, 183)
HSL
hsl(336, 58%, 75%)
HSB
hsb(336, 33%, 89%)
CMYK
cmyk(0%, 33%, 20%, 11%)
Oklch
oklch(76.6% 0.097 354.0)

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

#99CFE4

Sky Blue · SkyBlue · Lake Green

HEX
#99CFE4
RGB
rgb(153, 207, 228)
HSL
hsl(197, 58%, 75%)
HSB
hsb(197, 33%, 89%)
CMYK
cmyk(33%, 9%, 0%, 11%)
Oklch
oklch(82.4% 0.063 223.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C699E4

Lilac · Violet · Lilac Purple

HEX
#C699E4
RGB
rgb(198, 153, 228)
HSL
hsl(276, 58%, 75%)
HSB
hsb(276, 33%, 89%)
CMYK
cmyk(13%, 33%, 0%, 11%)
Oklch
oklch(75.1% 0.115 311.2)

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

#E4DE99

Fresh Green · Khaki · Sunflower

HEX
#E4DE99
RGB
rgb(228, 222, 153)
HSL
hsl(55, 58%, 75%)
HSB
hsb(55, 33%, 89%)
CMYK
cmyk(0%, 3%, 33%, 11%)
Oklch
oklch(88.9% 0.089 103.8)

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

#919AFF

Azure · CornflowerBlue · Cobalt Blue

HEX
#919AFF
RGB
rgb(145, 154, 255)
HSL
hsl(235, 100%, 78%)
HSB
hsb(235, 43%, 100%)
CMYK
cmyk(43%, 40%, 0%, 0%)
Oklch
oklch(72.2% 0.146 278.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E499B7
9AE4C7

Analogous

E49ADD
E499B7
E4A29A

Triadic

E499B7
B8E49A
9AB8E4

Split-Comp.

E499B7
9AE4A2
9ADDE4

Tetradic

E499B7
DDE49A
9AE4C7
A29AE4

Contrast Matrix WCAG 2.1 Contrast

E499B7
99CFE4
C699E4
E4DE99
919AFF
—
1.3
Fail
1.1
Fail
1.6
Fail
1.2
Fail
1.3
Fail
—
1.4
Fail
1.2
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
1.7
Fail
1.1
Fail
1.6
Fail
1.2
Fail
1.7
Fail
—
1.8
Fail
1.2
Fail
1.5
Fail
1.1
Fail
1.8
Fail
—
White BG
2.2Fail
1.7Fail
2.3Fail
1.4Fail
2.5Fail
Black BG
9.5AAA
12.4AAA
9.1AAA
15.2AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C3B0
B0B1DF
B3B2D2
E1E1AA
9595E7

Deuteranopia

C8CEAE
ADA9DE
B5B9CE
E2E2AE
9494E1

Tritanopia

E0AAA9
9CDBDA
C4C4C0
E4B7BA
91D3CF

Achromatopsia

B3B3B3
C1C1C1
AFAFAF
D8D8D8
A3A3A3

Shades & Tints Shades & Tints

#E499B7

Dark
Light

#99CFE4

Dark
Light

#C699E4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e499b7;
  --color-2: #99cfe4;
  --color-3: #c699e4;
  --color-4: #e4de99;
  --color-5: #919aff;
}

SCSS

$color-1: #e499b7;
$color-2: #99cfe4;
$color-3: #c699e4;
$color-4: #e4de99;
$color-5: #919aff;

TAILWIND

colors: {
  'brand-1': '#e499b7',
  'brand-2': '#99cfe4',
  'brand-3': '#c699e4',
  'brand-4': '#e4de99',
  'brand-5': '#919aff',
}

RGB Array

[228, 153, 183], [153, 207, 228], [198, 153, 228], [228, 222, 153], [145, 154, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E499B7, #99CFE4, #C699E4, #E4DE99, #919AFF 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: #e499b7; --color-2: #99cfe4; --color-3: #c699e4; --color-4: #e4de99; --color-5: #919aff. 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