#603AB4 + #7F39B9 + #BF4F86 + #C06A6B + #B49A83 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#603AB4

Deep Indigo · SlateBlue · Navy Blue

HEX

#603AB4

RGB

rgb(96, 58, 180)

HSL

hsl(259, 51%, 47%)

HSB

hsb(259, 68%, 71%)

CMYK

cmyk(47%, 68%, 0%, 29%)

Oklch

oklch(46.5% 0.182 292.1)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#7F39B9

Royal Purple · DarkOrchid · Violet

HEX

#7F39B9

RGB

rgb(127, 57, 185)

HSL

hsl(273, 53%, 47%)

HSB

hsb(273, 69%, 73%)

CMYK

cmyk(31%, 69%, 0%, 27%)

Oklch

oklch(50.2% 0.194 305.5)

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

#BF4F86

Dark Violet · MediumVioletRed · Rose Pink

HEX

#BF4F86

RGB

rgb(191, 79, 134)

HSL

hsl(331, 47%, 53%)

HSB

hsb(331, 59%, 75%)

CMYK

cmyk(0%, 59%, 30%, 25%)

Oklch

oklch(58.9% 0.155 352.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C06A6B

Crimson · LightCoral · Passion Red

HEX

#C06A6B

RGB

rgb(192, 106, 107)

HSL

hsl(359, 41%, 58%)

HSB

hsb(359, 45%, 75%)

CMYK

cmyk(0%, 45%, 44%, 25%)

Oklch

oklch(62.2% 0.110 20.0)

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

#B49A83

Apricot · Tan · Warm Sun

HEX

#B49A83

RGB

rgb(180, 154, 131)

HSL

hsl(28, 25%, 61%)

HSB

hsb(28, 27%, 71%)

CMYK

cmyk(0%, 14%, 27%, 29%)

Oklch

oklch(70.3% 0.045 63.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

603AB4

8EB53B

Analogous

3B51B5

603AB4

9F3BB5

Triadic

603AB4

B5613B

3BB561

Split-Comp.

603AB4

B59F3B

51B53B

Tetradic

603AB4

B53B51

8EB53B

3BB59F

Contrast Matrix WCAG 2.1 Contrast

603AB4	7F39B9	BF4F86	C06A6B	B49A83
—	1.2 Fail	1.7 Fail	2.0 Fail	2.9 Fail
1.2 Fail	—	1.5 Fail	1.7 Fail	2.5 Fail
1.7 Fail	1.5 Fail	—	1.2 Fail	1.7 Fail
2.0 Fail	1.7 Fail	1.2 Fail	—	1.4 Fail
2.9 Fail	2.5 Fail	1.7 Fail	1.4 Fail	—

White BG

7.6AAA

6.6AA

4.5AA Large

3.8AA Large

2.7Fail

Black BG

2.8Fail

3.2AA Large

4.7AA

5.5AA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F96

61609A

8F8D79

9B9A6B

A9A989

Deuteranopia

52558F

656A93

959D76

A0A66B

AAAC8A

Tritanopia

5E7F7A

7B827C

B96E6C

BC6B6B

B38D8E

Achromatopsia

535353

5D5D5D

777777

848484

9F9F9F

Shades & Tints Shades & Tints

#603AB4

Dark

Light

#7F39B9

Dark

Light

#BF4F86

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #603ab4;
  --color-2: #7f39b9;
  --color-3: #bf4f86;
  --color-4: #c06a6b;
  --color-5: #b49a83;
}

SCSS

$color-1: #603ab4;
$color-2: #7f39b9;
$color-3: #bf4f86;
$color-4: #c06a6b;
$color-5: #b49a83;

TAILWIND

colors: {
  'brand-1': '#603ab4',
  'brand-2': '#7f39b9',
  'brand-3': '#bf4f86',
  'brand-4': '#c06a6b',
  'brand-5': '#b49a83',
}

RGB Array

[96, 58, 180], [127, 57, 185], [191, 79, 134], [192, 106, 107], [180, 154, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #603AB4, #7F39B9, #BF4F86, #C06A6B, #B49A83 is ideal for: corporate websites, product showcases, portfolios. 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: #603ab4; --color-2: #7f39b9; --color-3: #bf4f86; --color-4: #c06a6b; --color-5: #b49a83. 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. 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 space-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