#6B0938 + #941954 + #8E607D + #758E9E + #5FADB8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6B0938

Dark Violet · Maroon · Raspberry

HEX

#6B0938

RGB

rgb(107, 9, 56)

HSL

hsl(331, 84%, 23%)

HSB

hsb(331, 92%, 42%)

CMYK

cmyk(0%, 92%, 48%, 58%)

Oklch

oklch(34.8% 0.133 359.3)

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

#941954

Dark Violet · Brown · Camellia

HEX

#941954

RGB

rgb(148, 25, 84)

HSL

hsl(331, 71%, 34%)

HSB

hsb(331, 83%, 58%)

CMYK

cmyk(0%, 83%, 43%, 42%)

Oklch

oklch(44.6% 0.163 357.8)

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

#8E607D

Rose Purple · Gray · Camellia

HEX

#8E607D

RGB

rgb(142, 96, 125)

HSL

hsl(322, 19%, 47%)

HSB

hsb(322, 32%, 56%)

CMYK

cmyk(0%, 32%, 12%, 44%)

Oklch

oklch(54.7% 0.072 341.5)

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

#758E9E

Slate Blue · LightSlateGray · Navy Blue

HEX

#758E9E

RGB

rgb(117, 142, 158)

HSL

hsl(203, 17%, 54%)

HSB

hsb(203, 26%, 62%)

CMYK

cmyk(26%, 10%, 0%, 38%)

Oklch

oklch(63.3% 0.037 236.3)

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

#5FADB8

Slate Blue · CadetBlue · Lake Green

HEX

#5FADB8

RGB

rgb(95, 173, 184)

HSL

hsl(187, 39%, 55%)

HSB

hsb(187, 48%, 72%)

CMYK

cmyk(48%, 6%, 0%, 28%)

Oklch

oklch(70.2% 0.079 207.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B0938

096C3C

Analogous

6C096A

6B0938

6C0B09

Triadic

6B0938

396C09

09396C

Split-Comp.

6B0938

096C0B

096A6C

Tetradic

6B0938

6A6C09

096C3C

0B096C

Contrast Matrix WCAG 2.1 Contrast

6B0938	941954	8E607D	758E9E	5FADB8
—	1.5 Fail	2.4 Fail	3.6 AA Large	4.7 AA
1.5 Fail	—	1.6 Fail	2.4 Fail	3.2 AA Large
2.4 Fail	1.6 Fail	—	1.5 Fail	2.0 Fail
3.6 AA Large	2.4 Fail	1.5 Fail	—	1.3 Fail
4.7 AA	3.2 AA Large	2.0 Fail	1.3 Fail	—

White BG

12.2AAA

8.3AAA

5.1AA

3.4AA Large

2.6Fail

Black BG

1.7Fail

2.5Fail

4.1AA Large

6.1AA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

41402D

5F5E46

7A7A76

80809A

8181B5

Deuteranopia

464E2A

666F42

7D8074

7E7D99

7C76B5

Tritanopia

662422

8E3A38

8C706F

769796

63B3B3

Achromatopsia

2C2C2C

454545

717171

888888

979797

Shades & Tints Shades & Tints

#6B0938

Dark

Light

#941954

Dark

Light

#8E607D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b0938;
  --color-2: #941954;
  --color-3: #8e607d;
  --color-4: #758e9e;
  --color-5: #5fadb8;
}

SCSS

$color-1: #6b0938;
$color-2: #941954;
$color-3: #8e607d;
$color-4: #758e9e;
$color-5: #5fadb8;

TAILWIND

colors: {
  'brand-1': '#6b0938',
  'brand-2': '#941954',
  'brand-3': '#8e607d',
  'brand-4': '#758e9e',
  'brand-5': '#5fadb8',
}

RGB Array

[107, 9, 56], [148, 25, 84], [142, 96, 125], [117, 142, 158], [95, 173, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B0938, #941954, #8E607D, #758E9E, #5FADB8 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: #6b0938; --color-2: #941954; --color-3: #8e607d; --color-4: #758e9e; --color-5: #5fadb8. 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