← Back to Editor

#FC085F · #E05290 · #C696AA · #B3C3C6 · #A1F6FA

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

#FC085F

Dark Violet · Crimson · Rose Pink

HEX
#FC085F
RGB
rgb(252, 8, 95)
HSL
hsl(339, 98%, 51%)
HSB
hsb(339, 97%, 99%)
CMYK
cmyk(0%, 97%, 62%, 1%)
Oklch
oklch(63.3% 0.251 12.4)

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

#E05290

Dark Violet · LightCoral · Rose Pink

HEX
#E05290
RGB
rgb(224, 82, 144)
HSL
hsl(334, 70%, 60%)
HSB
hsb(334, 63%, 88%)
CMYK
cmyk(0%, 63%, 36%, 12%)
Oklch
oklch(64.5% 0.186 356.6)

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

#C696AA

Rouge · DarkGray · Rose Pink

HEX
#C696AA
RGB
rgb(198, 150, 170)
HSL
hsl(335, 30%, 68%)
HSB
hsb(335, 24%, 78%)
CMYK
cmyk(0%, 24%, 14%, 22%)
Oklch
oklch(72.4% 0.063 352.0)

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

#B3C3C6

Sky Blue · Silver · Lake Green

HEX
#B3C3C6
RGB
rgb(179, 195, 198)
HSL
hsl(189, 14%, 74%)
HSB
hsb(189, 10%, 78%)
CMYK
cmyk(10%, 2%, 0%, 22%)
Oklch
oklch(80.6% 0.018 210.2)

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

#A1F6FA

Sky Blue · LightBlue · Glacier Blue

HEX
#A1F6FA
RGB
rgb(161, 246, 250)
HSL
hsl(183, 90%, 81%)
HSB
hsb(183, 36%, 98%)
CMYK
cmyk(36%, 2%, 0%, 2%)
Oklch
oklch(92.0% 0.082 199.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC085F
08FDA7

Analogous

FD08D8
FC085F
FD2C08

Triadic

FC085F
5DFD08
085DFD

Split-Comp.

FC085F
08FD2C
08D8FD

Tetradic

FC085F
D8FD08
08FDA7
2C08FD

Contrast Matrix WCAG 2.1 Contrast

FC085F
E05290
C696AA
B3C3C6
A1F6FA
—
1.1
Fail
1.6
Fail
2.2
Fail
3.2
AA Large
1.1
Fail
—
1.4
Fail
2.0
Fail
3.0
Fail
1.6
Fail
1.4
Fail
—
1.4
Fail
2.0
Fail
2.2
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
3.2
AA Large
3.0
Fail
2.0
Fail
1.5
Fail
—
White BG
3.9AA Large
3.6AA Large
2.5Fail
1.8Fail
1.2Fail
Black BG
5.3AA
5.8AA
8.3AAA
11.5AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

92904A
A3A181
B1B1A5
BABAC5
C6C7F9

Deuteranopia

A1B345
ABB57D
B4B8A4
B9B8C5
C1BBF9

Tritanopia

F03936
D97573
C4A1A1
B4C5C5
A5F8F8

Achromatopsia

5B5B5B
848484
A7A7A7
BFBFBF
DDDDDD

Shades & Tints Shades & Tints

#FC085F

Dark
Light

#E05290

Dark
Light

#C696AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc085f;
  --color-2: #e05290;
  --color-3: #c696aa;
  --color-4: #b3c3c6;
  --color-5: #a1f6fa;
}

SCSS

$color-1: #fc085f;
$color-2: #e05290;
$color-3: #c696aa;
$color-4: #b3c3c6;
$color-5: #a1f6fa;

TAILWIND

colors: {
  'brand-1': '#fc085f',
  'brand-2': '#e05290',
  'brand-3': '#c696aa',
  'brand-4': '#b3c3c6',
  'brand-5': '#a1f6fa',
}

RGB Array

[252, 8, 95], [224, 82, 144], [198, 150, 170], [179, 195, 198], [161, 246, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC085F, #E05290, #C696AA, #B3C3C6, #A1F6FA 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: #fc085f; --color-2: #e05290; --color-3: #c696aa; --color-4: #b3c3c6; --color-5: #a1f6fa. 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