← Back to Editor

#F13BAA · #CA91D5 · #7DD3D4 · #93FBE4 · #F9F4D6

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

#F13BAA

Rose Purple · DeepPink · Rose Pink

HEX
#F13BAA
RGB
rgb(241, 59, 170)
HSL
hsl(323, 87%, 59%)
HSB
hsb(323, 76%, 95%)
CMYK
cmyk(0%, 76%, 29%, 5%)
Oklch
oklch(65.9% 0.237 348.4)

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

#CA91D5

Lilac · Orchid · Lilac Purple

HEX
#CA91D5
RGB
rgb(202, 145, 213)
HSL
hsl(290, 45%, 70%)
HSB
hsb(290, 32%, 84%)
CMYK
cmyk(5%, 32%, 0%, 16%)
Oklch
oklch(73.5% 0.114 320.9)

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

#7DD3D4

Sky Blue · SkyBlue · Lake Green

HEX
#7DD3D4
RGB
rgb(125, 211, 212)
HSL
hsl(181, 50%, 66%)
HSB
hsb(181, 41%, 83%)
CMYK
cmyk(41%, 0%, 0%, 17%)
Oklch
oklch(81.3% 0.083 196.6)

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

#93FBE4

Jade · LightBlue · Glacier Blue

HEX
#93FBE4
RGB
rgb(147, 251, 228)
HSL
hsl(167, 93%, 78%)
HSB
hsb(167, 41%, 98%)
CMYK
cmyk(41%, 0%, 9%, 2%)
Oklch
oklch(91.8% 0.103 178.0)

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

#F9F4D6

Fresh Green · Beige · Lemon Cream

HEX
#F9F4D6
RGB
rgb(249, 244, 214)
HSL
hsl(51, 74%, 91%)
HSB
hsb(51, 14%, 98%)
CMYK
cmyk(0%, 2%, 14%, 2%)
Oklch
oklch(96.3% 0.040 99.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F13BAA
3BF181

Analogous

DC3BF1
F13BAA
F13B51

Triadic

F13BAA
ACF13B
3BACF1

Split-Comp.

F13BAA
51F13B
3BF1DC

Tetradic

F13BAA
F1DC3B
3BF181
3B51F1

Contrast Matrix WCAG 2.1 Contrast

F13BAA
CA91D5
7DD3D4
93FBE4
F9F4D6
—
1.4
Fail
2.0
Fail
2.9
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
2.2
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.9
Fail
2.0
Fail
1.4
Fail
—
1.1
Fail
3.2
AA Large
2.2
Fail
1.6
Fail
1.1
Fail
—
White BG
3.5AA Large
2.5Fail
1.7Fail
1.2Fail
1.1Fail
Black BG
5.9AA
8.5AAA
12.1AAA
17.2AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A18F
B1B1C5
A2A3D4
C0C1EA
F7F7DD

Deuteranopia

ADBA89
B5B9C1
9D97D4
BAB2EB
F7F8DF

Tritanopia

E87A75
C7B8B5
81D4D4
98EEEF
F9E3E4

Achromatopsia

7E7E7E
AAAAAA
B9B9B9
D9D9D9
F2F2F2

Shades & Tints Shades & Tints

#F13BAA

Dark
Light

#CA91D5

Dark
Light

#7DD3D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f13baa;
  --color-2: #ca91d5;
  --color-3: #7dd3d4;
  --color-4: #93fbe4;
  --color-5: #f9f4d6;
}

SCSS

$color-1: #f13baa;
$color-2: #ca91d5;
$color-3: #7dd3d4;
$color-4: #93fbe4;
$color-5: #f9f4d6;

TAILWIND

colors: {
  'brand-1': '#f13baa',
  'brand-2': '#ca91d5',
  'brand-3': '#7dd3d4',
  'brand-4': '#93fbe4',
  'brand-5': '#f9f4d6',
}

RGB Array

[241, 59, 170], [202, 145, 213], [125, 211, 212], [147, 251, 228], [249, 244, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F13BAA, #CA91D5, #7DD3D4, #93FBE4, #F9F4D6 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: #f13baa; --color-2: #ca91d5; --color-3: #7dd3d4; --color-4: #93fbe4; --color-5: #f9f4d6. 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