← Back to Editor

#FF2BC7 · #FF6B75 · #FFAB66 · #FFC466 · #FFD470

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 App

Color Details Color Details

#FF2BC7

Rose Purple · DeepPink · Violet

HEX
#FF2BC7
RGB
rgb(255, 43, 199)
HSL
hsl(316, 100%, 58%)
HSB
hsb(316, 83%, 100%)
CMYK
cmyk(0%, 83%, 22%, 0%)
Oklch
oklch(68.4% 0.274 342.1)

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

#FF6B75

Peach Pink · Salmon · Coral Red

HEX
#FF6B75
RGB
rgb(255, 107, 117)
HSL
hsl(356, 100%, 71%)
HSB
hsb(356, 58%, 100%)
CMYK
cmyk(0%, 58%, 54%, 0%)
Oklch
oklch(71.4% 0.180 18.8)

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

#FFAB66

Apricot · SandyBrown · Warm Sun

HEX
#FFAB66
RGB
rgb(255, 171, 102)
HSL
hsl(27, 100%, 70%)
HSB
hsb(27, 60%, 100%)
CMYK
cmyk(0%, 33%, 60%, 0%)
Oklch
oklch(81.0% 0.131 58.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFC466

Ginger · SandyBrown · Warm Sun

HEX
#FFC466
RGB
rgb(255, 196, 102)
HSL
hsl(37, 100%, 70%)
HSB
hsb(37, 60%, 100%)
CMYK
cmyk(0%, 23%, 60%, 0%)
Oklch
oklch(85.5% 0.130 77.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FFD470

Goose Yellow · Khaki · Sunflower

HEX
#FFD470
RGB
rgb(255, 212, 112)
HSL
hsl(42, 100%, 72%)
HSB
hsb(42, 56%, 100%)
CMYK
cmyk(0%, 17%, 56%, 0%)
Oklch
oklch(88.7% 0.128 86.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF2BC7
29FF62

Analogous

CD29FF
FF2BC7
FF295B

Triadic

FF2BC7
C6FF29
29C6FF

Split-Comp.

FF2BC7
5BFF29
29FFCD

Tetradic

FF2BC7
FFCD29
29FF62
295BFF

Contrast Matrix WCAG 2.1 Contrast

FF2BC7
FF6B75
FFAB66
FFC466
FFD470
—
1.2
Fail
1.8
Fail
2.1
Fail
2.3
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.0
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
1.3
Fail
2.1
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
2.0
Fail
1.3
Fail
1.1
Fail
—
White BG
3.3AA Large
2.8Fail
1.9Fail
1.6Fail
1.4Fail
Black BG
6.4AA
7.6AAA
11.3AAA
13.3AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A1A1
BFBE73
DBDA77
E5E57D
ECEC88

Deuteranopia

B0BF98
C8D372
E0E67B
E9ED82
EFF28E

Tritanopia

F4837D
F87170
FB8487
FC8F93
FD9BA0

Achromatopsia

7C7C7C
989898
BCBCBC
CBCBCB
D5D5D5

Shades & Tints Shades & Tints

#FF2BC7

Dark
Light

#FF6B75

Dark
Light

#FFAB66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff2bc7;
  --color-2: #ff6b75;
  --color-3: #ffab66;
  --color-4: #ffc466;
  --color-5: #ffd470;
}

SCSS

$color-1: #ff2bc7;
$color-2: #ff6b75;
$color-3: #ffab66;
$color-4: #ffc466;
$color-5: #ffd470;

TAILWIND

colors: {
  'brand-1': '#ff2bc7',
  'brand-2': '#ff6b75',
  'brand-3': '#ffab66',
  'brand-4': '#ffc466',
  'brand-5': '#ffd470',
}

RGB Array

[255, 43, 199], [255, 107, 117], [255, 171, 102], [255, 196, 102], [255, 212, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF2BC7, #FF6B75, #FFAB66, #FFC466, #FFD470 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: #ff2bc7; --color-2: #ff6b75; --color-3: #ffab66; --color-4: #ffc466; --color-5: #ffd470. 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