← Back to Editor

#631441 · #D64D67 · #FB6C5B · #FBA95F · #B5C2A4

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

#631441

Rose Purple · Purple · Raspberry

HEX
#631441
RGB
rgb(99, 20, 65)
HSL
hsl(326, 66%, 23%)
HSB
hsb(326, 80%, 39%)
CMYK
cmyk(0%, 80%, 34%, 61%)
Oklch
oklch(34.4% 0.120 350.5)

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

#D64D67

Vermilion · Tomato · Passion Red

HEX
#D64D67
RGB
rgb(214, 77, 103)
HSL
hsl(349, 63%, 57%)
HSB
hsb(349, 64%, 84%)
CMYK
cmyk(0%, 64%, 52%, 16%)
Oklch
oklch(61.2% 0.172 12.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FB6C5B

Peach Pink · Tomato · Coral Red

HEX
#FB6C5B
RGB
rgb(251, 108, 91)
HSL
hsl(6, 95%, 67%)
HSB
hsb(6, 64%, 98%)
CMYK
cmyk(0%, 57%, 64%, 2%)
Oklch
oklch(70.4% 0.178 29.1)

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

#FBA95F

Apricot · SandyBrown · Warm Sun

HEX
#FBA95F
RGB
rgb(251, 169, 95)
HSL
hsl(28, 95%, 68%)
HSB
hsb(28, 62%, 98%)
CMYK
cmyk(0%, 33%, 62%, 2%)
Oklch
oklch(80.1% 0.132 61.1)

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

#B5C2A4

Willow Green · DarkGray · Apple Green

HEX
#B5C2A4
RGB
rgb(181, 194, 164)
HSL
hsl(86, 20%, 70%)
HSB
hsb(86, 15%, 76%)
CMYK
cmyk(7%, 0%, 15%, 24%)
Oklch
oklch(79.6% 0.044 126.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

631441
146135

Analogous

5C1461
631441
611419

Triadic

631441
406114
144061

Split-Comp.

631441
196114
14615C

Tetradic

631441
615C14
146135
141961

Contrast Matrix WCAG 2.1 Contrast

631441
D64D67
FB6C5B
FBA95F
B5C2A4
—
3.0
Fail
4.3
AA Large
6.4
AA
6.6
AA
3.0
Fail
—
1.4
Fail
2.1
Fail
2.2
Fail
4.3
AA Large
1.4
Fail
—
1.5
Fail
1.5
Fail
6.4
AA
2.1
Fail
1.5
Fail
—
1.0
Fail
6.6
AA
2.2
Fail
1.5
Fail
1.0
Fail
—
White BG
12.3AAA
4.1AA Large
2.8Fail
1.9Fail
1.9Fail
Black BG
1.7Fail
5.1AA
7.4AAA
10.9AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414036
9B9961
BDBC5F
D7D771
BBBBAB

Deuteranopia

454B34
A3AD5F
C5D060
DCE275
BAB9AD

Tritanopia

5F2E2C
CF5C5B
F46263
F77F82
B6B1B2

Achromatopsia

313131
797979
959595
B9B9B9
BBBBBB

Shades & Tints Shades & Tints

#631441

Dark
Light

#D64D67

Dark
Light

#FB6C5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #631441;
  --color-2: #d64d67;
  --color-3: #fb6c5b;
  --color-4: #fba95f;
  --color-5: #b5c2a4;
}

SCSS

$color-1: #631441;
$color-2: #d64d67;
$color-3: #fb6c5b;
$color-4: #fba95f;
$color-5: #b5c2a4;

TAILWIND

colors: {
  'brand-1': '#631441',
  'brand-2': '#d64d67',
  'brand-3': '#fb6c5b',
  'brand-4': '#fba95f',
  'brand-5': '#b5c2a4',
}

RGB Array

[99, 20, 65], [214, 77, 103], [251, 108, 91], [251, 169, 95], [181, 194, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #631441, #D64D67, #FB6C5B, #FBA95F, #B5C2A4 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: #631441; --color-2: #d64d67; --color-3: #fb6c5b; --color-4: #fba95f; --color-5: #b5c2a4. 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