#705C63 + #BA5EC4 + #C45EB5 + #C45E9C + #C45E82 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#705C63

Dark Violet · DimGray · Camellia

HEX

#705C63

RGB

rgb(112, 92, 99)

HSL

hsl(339, 10%, 40%)

HSB

hsb(339, 18%, 44%)

CMYK

cmyk(0%, 18%, 12%, 56%)

Oklch

oklch(49.7% 0.028 355.1)

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

#BA5EC4

Dark Plum · MediumOrchid · Violet

HEX

#BA5EC4

RGB

rgb(186, 94, 196)

HSL

hsl(294, 46%, 57%)

HSB

hsb(294, 52%, 77%)

CMYK

cmyk(5%, 52%, 0%, 23%)

Oklch

oklch(62.9% 0.174 323.6)

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

#C45EB5

Rose Purple · MediumOrchid · Violet

HEX

#C45EB5

RGB

rgb(196, 94, 181)

HSL

hsl(309, 46%, 57%)

HSB

hsb(309, 52%, 77%)

CMYK

cmyk(0%, 52%, 8%, 23%)

Oklch

oklch(63.5% 0.167 333.2)

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

#C45E9C

Rose Purple · MediumOrchid · Rose Pink

HEX

#C45E9C

RGB

rgb(196, 94, 156)

HSL

hsl(324, 46%, 57%)

HSB

hsb(324, 52%, 77%)

CMYK

cmyk(0%, 52%, 20%, 23%)

Oklch

oklch(62.4% 0.149 344.9)

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

#C45E82

Dark Violet · LightCoral · Rose Pink

HEX

#C45E82

RGB

rgb(196, 94, 130)

HSL

hsl(339, 46%, 57%)

HSB

hsb(339, 52%, 77%)

CMYK

cmyk(0%, 52%, 34%, 23%)

Oklch

oklch(61.5% 0.135 359.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

705C63

5C7069

Analogous

705C6D

705C63

705F5C

Triadic

705C63

63705C

5C6370

Split-Comp.

705C63

5C705F

5C6D70

Tetradic

705C63

6D705C

5C7069

5F5C70

Contrast Matrix WCAG 2.1 Contrast

705C63	BA5EC4	C45EB5	C45E9C	C45E82
—	1.6 Fail	1.7 Fail	1.6 Fail	1.6 Fail
1.6 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.7 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.6 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.6 Fail	1.0 Fail	1.1 Fail	1.0 Fail	—

White BG

6.2AA

3.8AA Large

3.7AA Large

3.9AA Large

4.0AA Large

Black BG

3.4AA Large

5.5AA

5.6AA

5.4AA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

676761

9291AB

9897A0

98978D

989779

Deuteranopia

696A61

989EA5

9EA59B

9EA589

9EA577

Tritanopia

6F6060

B59894

BF8F8C

BF817F

BF7271

Achromatopsia

636363

858585

868686

848484

818181

Shades & Tints Shades & Tints

#705C63

Dark

Light

#BA5EC4

Dark

Light

#C45EB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #705c63;
  --color-2: #ba5ec4;
  --color-3: #c45eb5;
  --color-4: #c45e9c;
  --color-5: #c45e82;
}

SCSS

$color-1: #705c63;
$color-2: #ba5ec4;
$color-3: #c45eb5;
$color-4: #c45e9c;
$color-5: #c45e82;

TAILWIND

colors: {
  'brand-1': '#705c63',
  'brand-2': '#ba5ec4',
  'brand-3': '#c45eb5',
  'brand-4': '#c45e9c',
  'brand-5': '#c45e82',
}

RGB Array

[112, 92, 99], [186, 94, 196], [196, 94, 181], [196, 94, 156], [196, 94, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #705C63, #BA5EC4, #C45EB5, #C45E9C, #C45E82 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: #705c63; --color-2: #ba5ec4; --color-3: #c45eb5; --color-4: #c45e9c; --color-5: #c45e82. 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 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