← Back to Editor

#631950 · #8A3B57 · #B05B5A · #D98060 · #FF9F64

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#631950

Rose Purple · Purple · Eggplant

HEX
#631950
RGB
rgb(99, 25, 80)
HSL
hsl(315, 60%, 24%)
HSB
hsb(315, 75%, 39%)
CMYK
cmyk(0%, 75%, 19%, 61%)
Oklch
oklch(35.6% 0.124 340.0)

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

#8A3B57

Dark Violet · Sienna · Camellia

HEX
#8A3B57
RGB
rgb(138, 59, 87)
HSL
hsl(339, 40%, 39%)
HSB
hsb(339, 57%, 54%)
CMYK
cmyk(0%, 57%, 37%, 46%)
Oklch
oklch(46.6% 0.112 0.1)

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

#B05B5A

Crimson · Sienna · Passion Red

HEX
#B05B5A
RGB
rgb(176, 91, 90)
HSL
hsl(1, 35%, 52%)
HSB
hsb(1, 49%, 69%)
CMYK
cmyk(0%, 48%, 49%, 31%)
Oklch
oklch(57.2% 0.111 21.8)

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

#D98060

Apricot · Salmon · Warm Sun

HEX
#D98060
RGB
rgb(217, 128, 96)
HSL
hsl(16, 61%, 61%)
HSB
hsb(16, 56%, 85%)
CMYK
cmyk(0%, 41%, 56%, 15%)
Oklch
oklch(68.9% 0.119 40.4)

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

#FF9F64

Apricot · SandyBrown · Warm Sun

HEX
#FF9F64
RGB
rgb(255, 159, 100)
HSL
hsl(23, 100%, 70%)
HSB
hsb(23, 61%, 100%)
CMYK
cmyk(0%, 38%, 61%, 0%)
Oklch
oklch(78.9% 0.137 51.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

631950
18622B

Analogous

501862
631950
62182B

Triadic

631950
506218
185062

Split-Comp.

631950
2B6218
186250

Tetradic

631950
625018
18622B
182B62

Contrast Matrix WCAG 2.1 Contrast

631950
8A3B57
B05B5A
D98060
FF9F64
—
1.6
Fail
2.5
Fail
4.0
AA Large
5.8
AA
1.6
Fail
—
1.6
Fail
2.5
Fail
3.7
AA Large
2.5
Fail
1.6
Fail
—
1.6
Fail
2.3
Fail
4.0
AA Large
2.5
Fail
1.6
Fail
—
1.4
Fail
5.8
AA
3.7
AA Large
2.3
Fail
1.4
Fail
—
White BG
11.8AAA
7.4AAA
4.7AA
2.9Fail
2.0Fail
Black BG
1.8Fail
2.8Fail
4.5AA Large
7.2AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434243
686750
8B8A5A
B2B268
D5D572

Deuteranopia

474D40
6C724F
90975A
B8BE6A
DBE276

Tritanopia

5F3836
864B4A
AC5A5A
D56E6F
FA7E80

Achromatopsia

353535
565656
747474
979797
B5B5B5

Shades & Tints Shades & Tints

#631950

Dark
Light

#8A3B57

Dark
Light

#B05B5A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #631950;
  --color-2: #8a3b57;
  --color-3: #b05b5a;
  --color-4: #d98060;
  --color-5: #ff9f64;
}

SCSS

$color-1: #631950;
$color-2: #8a3b57;
$color-3: #b05b5a;
$color-4: #d98060;
$color-5: #ff9f64;

TAILWIND

colors: {
  'brand-1': '#631950',
  'brand-2': '#8a3b57',
  'brand-3': '#b05b5a',
  'brand-4': '#d98060',
  'brand-5': '#ff9f64',
}

RGB Array

[99, 25, 80], [138, 59, 87], [176, 91, 90], [217, 128, 96], [255, 159, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #631950, #8A3B57, #B05B5A, #D98060, #FF9F64 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #631950; --color-2: #8a3b57; --color-3: #b05b5a; --color-4: #d98060; --color-5: #ff9f64. 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 tech, SaaS, healthcare, eco industries. 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