← Back to Editor

#4F1B39 · #FB6B60 · #FDAB5F · #F2DB6B · #2BC1C0

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 AppData Visualization

Color Details Color Details

#4F1B39

Rose Purple · DarkSlateGray · Raspberry

HEX
#4F1B39
RGB
rgb(79, 27, 57)
HSL
hsl(325, 49%, 21%)
HSB
hsb(325, 66%, 31%)
CMYK
cmyk(0%, 66%, 28%, 69%)
Oklch
oklch(31.3% 0.087 347.6)

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

#FB6B60

Peach Pink · Coral · Coral Red

HEX
#FB6B60
RGB
rgb(251, 107, 96)
HSL
hsl(4, 95%, 68%)
HSB
hsb(4, 62%, 98%)
CMYK
cmyk(0%, 57%, 62%, 2%)
Oklch
oklch(70.4% 0.178 27.0)

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

#FDAB5F

Apricot · SandyBrown · Warm Sun

HEX
#FDAB5F
RGB
rgb(253, 171, 95)
HSL
hsl(29, 98%, 68%)
HSB
hsb(29, 62%, 99%)
CMYK
cmyk(0%, 32%, 62%, 1%)
Oklch
oklch(80.7% 0.133 61.8)

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

#F2DB6B

Fresh Green · Khaki · Sunflower

HEX
#F2DB6B
RGB
rgb(242, 219, 107)
HSL
hsl(50, 84%, 68%)
HSB
hsb(50, 56%, 95%)
CMYK
cmyk(0%, 10%, 56%, 5%)
Oklch
oklch(88.9% 0.134 97.9)

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

#2BC1C0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2BC1C0
RGB
rgb(43, 193, 192)
HSL
hsl(180, 64%, 46%)
HSB
hsb(180, 78%, 76%)
CMYK
cmyk(78%, 0%, 1%, 24%)
Oklch
oklch(73.8% 0.118 194.2)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F1B39
1B5031

Analogous

4B1B50
4F1B39
501B20

Triadic

4F1B39
3A501B
1B3A50

Split-Comp.

4F1B39
20501B
1B504B

Tetradic

4F1B39
504B1B
1B5031
1B2050

Contrast Matrix WCAG 2.1 Contrast

4F1B39
FB6B60
FDAB5F
F2DB6B
2BC1C0
—
4.8
AA
7.2
AAA
9.8
AAA
6.1
AA
4.8
AA
—
1.5
Fail
2.1
Fail
1.3
Fail
7.2
AAA
1.5
Fail
—
1.4
Fail
1.2
Fail
9.8
AAA
2.1
Fail
1.4
Fail
—
1.6
Fail
6.1
AA
1.3
Fail
1.2
Fail
1.6
Fail
—
White BG
13.6AAA
2.8Fail
1.9Fail
1.4Fail
2.2Fail
Black BG
1.5Fail
7.4AAA
11.2AAA
15.1AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383832
BDBB63
D9D971
E8E886
6C6DC0

Deuteranopia

3C3F30
C5D063
DEE476
E9EB8D
6358C0

Tritanopia

4C2C2B
F46565
F98083
F19BA0
33C0C0

Achromatopsia

2E2E2E
959595
BBBBBB
D5D5D5
949494

Shades & Tints Shades & Tints

#4F1B39

Dark
Light

#FB6B60

Dark
Light

#FDAB5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f1b39;
  --color-2: #fb6b60;
  --color-3: #fdab5f;
  --color-4: #f2db6b;
  --color-5: #2bc1c0;
}

SCSS

$color-1: #4f1b39;
$color-2: #fb6b60;
$color-3: #fdab5f;
$color-4: #f2db6b;
$color-5: #2bc1c0;

TAILWIND

colors: {
  'brand-1': '#4f1b39',
  'brand-2': '#fb6b60',
  'brand-3': '#fdab5f',
  'brand-4': '#f2db6b',
  'brand-5': '#2bc1c0',
}

RGB Array

[79, 27, 57], [251, 107, 96], [253, 171, 95], [242, 219, 107], [43, 193, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F1B39, #FB6B60, #FDAB5F, #F2DB6B, #2BC1C0 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #4f1b39; --color-2: #fb6b60; --color-3: #fdab5f; --color-4: #f2db6b; --color-5: #2bc1c0. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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