#75294D + #9D1364 + #C00078 + #888FA6 + #7FA8AE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#75294D

Dark Violet · Brown · Camellia

HEX

#75294D

RGB

rgb(117, 41, 77)

HSL

hsl(332, 48%, 31%)

HSB

hsb(332, 65%, 46%)

CMYK

cmyk(0%, 65%, 34%, 54%)

Oklch

oklch(40.4% 0.114 354.0)

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

#9D1364

Rose Purple · Purple · Camellia

HEX

#9D1364

RGB

rgb(157, 19, 100)

HSL

hsl(325, 78%, 35%)

HSB

hsb(325, 88%, 62%)

CMYK

cmyk(0%, 88%, 36%, 38%)

Oklch

oklch(46.5% 0.181 351.8)

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

#C00078

Rose Purple · MediumVioletRed · Camellia

HEX

#C00078

RGB

rgb(192, 0, 120)

HSL

hsl(323, 100%, 38%)

HSB

hsb(323, 100%, 75%)

CMYK

cmyk(0%, 100%, 38%, 25%)

Oklch

oklch(53.0% 0.219 352.4)

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

#888FA6

Azure · LightSlateGray · Navy Blue

HEX

#888FA6

RGB

rgb(136, 143, 166)

HSL

hsl(226, 14%, 59%)

HSB

hsb(226, 18%, 65%)

CMYK

cmyk(18%, 14%, 0%, 35%)

Oklch

oklch(65.2% 0.035 272.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#7FA8AE

Slate Blue · CadetBlue · Lake Green

HEX

#7FA8AE

RGB

rgb(127, 168, 174)

HSL

hsl(188, 22%, 59%)

HSB

hsb(188, 27%, 68%)

CMYK

cmyk(27%, 3%, 0%, 32%)

Oklch

oklch(70.4% 0.045 207.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75294D

297552

Analogous

752972

75294D

752C29

Triadic

75294D

4D7529

294D75

Split-Comp.

75294D

29752C

297275

Tetradic

75294D

727529

297552

2C2975

Contrast Matrix WCAG 2.1 Contrast

75294D	9D1364	C00078	888FA6	7FA8AE
—	1.2 Fail	1.6 Fail	3.0 Fail	3.7 AA Large
1.2 Fail	—	1.3 Fail	2.4 Fail	3.0 Fail
1.6 Fail	1.3 Fail	—	1.9 Fail	2.3 Fail
3.0 Fail	2.4 Fail	1.9 Fail	—	1.2 Fail
3.7 AA Large	3.0 Fail	2.3 Fail	1.2 Fail	—

White BG

9.6AAA

7.7AAA

6.0AA

3.2AA Large

2.6Fail

Black BG

2.2Fail

2.7Fail

3.5AA Large

6.5AA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545344

616050

6D6B5B

8B8BA0

9191AD

Deuteranopia

595E42

69744C

788654

8B8A9F

8E8BAC

Tritanopia

713D3C

96413E

B6443F

889C9B

81ABAB

Achromatopsia

444444

454545

474747

909090

9C9C9C

Shades & Tints Shades & Tints

#75294D

Dark

Light

#9D1364

Dark

Light

#C00078

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75294d;
  --color-2: #9d1364;
  --color-3: #c00078;
  --color-4: #888fa6;
  --color-5: #7fa8ae;
}

SCSS

$color-1: #75294d;
$color-2: #9d1364;
$color-3: #c00078;
$color-4: #888fa6;
$color-5: #7fa8ae;

TAILWIND

colors: {
  'brand-1': '#75294d',
  'brand-2': '#9d1364',
  'brand-3': '#c00078',
  'brand-4': '#888fa6',
  'brand-5': '#7fa8ae',
}

RGB Array

[117, 41, 77], [157, 19, 100], [192, 0, 120], [136, 143, 166], [127, 168, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75294D, #9D1364, #C00078, #888FA6, #7FA8AE 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: #75294d; --color-2: #9d1364; --color-3: #c00078; --color-4: #888fa6; --color-5: #7fa8ae. 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