← Back to Editor

#961C43 · #B72D5E · #F64C70 · #FFCB7F · #FFF0C7

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

Color Details Color Details

#961C43

Dark Violet · Brown · Camellia

HEX
#961C43
RGB
rgb(150, 28, 67)
HSL
hsl(341, 69%, 35%)
HSB
hsb(341, 81%, 59%)
CMYK
cmyk(0%, 81%, 55%, 41%)
Oklch
oklch(44.6% 0.157 8.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#B72D5E

Dark Violet · MediumVioletRed · Camellia

HEX
#B72D5E
RGB
rgb(183, 45, 94)
HSL
hsl(339, 61%, 45%)
HSB
hsb(339, 75%, 72%)
CMYK
cmyk(0%, 75%, 49%, 28%)
Oklch
oklch(52.6% 0.177 4.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F64C70

Peach Pink · Tomato · Coral Red

HEX
#F64C70
RGB
rgb(246, 76, 112)
HSL
hsl(347, 90%, 63%)
HSB
hsb(347, 69%, 96%)
CMYK
cmyk(0%, 69%, 54%, 4%)
Oklch
oklch(66.4% 0.206 12.5)

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

#FFCB7F

Goose Yellow · Khaki · Warm Sun

HEX
#FFCB7F
RGB
rgb(255, 203, 127)
HSL
hsl(36, 100%, 75%)
HSB
hsb(36, 50%, 100%)
CMYK
cmyk(0%, 20%, 50%, 0%)
Oklch
oklch(87.2% 0.111 75.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFF0C7

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF0C7
RGB
rgb(255, 240, 199)
HSL
hsl(44, 100%, 89%)
HSB
hsb(44, 22%, 100%)
CMYK
cmyk(0%, 6%, 22%, 0%)
Oklch
oklch(95.7% 0.055 90.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

961C43
1C9770

Analogous

971C80
961C43
97321C

Triadic

961C43
43971C
1C4397

Split-Comp.

961C43
1C9732
1C8097

Tetradic

961C43
80971C
1C9770
321C97

Contrast Matrix WCAG 2.1 Contrast

961C43
B72D5E
F64C70
FFCB7F
FFF0C7
—
1.4
Fail
2.4
Fail
5.5
AA
7.3
AAA
1.4
Fail
—
1.7
Fail
4.0
AA Large
5.2
AA
2.4
Fail
1.7
Fail
—
2.3
Fail
3.0
Fail
5.5
AA
4.0
AA Large
2.3
Fail
—
1.3
Fail
7.3
AAA
5.2
AA
3.0
Fail
1.3
Fail
—
White BG
8.3AAA
5.9AA
3.4AA Large
1.5Fail
1.1Fail
Black BG
2.5Fail
3.6AA Large
6.2AA
14.1AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

61603A
7B7A52
ACAB67
E8E891
F9F8D1

Deuteranopia

687137
838E4F
B6C365
ECEF96
F9FBD3

Tritanopia

903230
B04947
EE605F
FCA0A3
FED9DA

Achromatopsia

454545
5C5C5C
838383
D2D2D2
F0F0F0

Shades & Tints Shades & Tints

#961C43

Dark
Light

#B72D5E

Dark
Light

#F64C70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #961c43;
  --color-2: #b72d5e;
  --color-3: #f64c70;
  --color-4: #ffcb7f;
  --color-5: #fff0c7;
}

SCSS

$color-1: #961c43;
$color-2: #b72d5e;
$color-3: #f64c70;
$color-4: #ffcb7f;
$color-5: #fff0c7;

TAILWIND

colors: {
  'brand-1': '#961c43',
  'brand-2': '#b72d5e',
  'brand-3': '#f64c70',
  'brand-4': '#ffcb7f',
  'brand-5': '#fff0c7',
}

RGB Array

[150, 28, 67], [183, 45, 94], [246, 76, 112], [255, 203, 127], [255, 240, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #961C43, #B72D5E, #F64C70, #FFCB7F, #FFF0C7 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: #961c43; --color-2: #b72d5e; --color-3: #f64c70; --color-4: #ffcb7f; --color-5: #fff0c7. 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