#6F7D74 + #7D094E + #600D51 + #45213D + #CC450E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6F7D74

Ink Gray · Gray · Warm Gray

HEX

#6F7D74

RGB

rgb(111, 125, 116)

HSL

hsl(141, 6%, 46%)

HSB

hsb(141, 11%, 49%)

CMYK

cmyk(11%, 0%, 7%, 51%)

Oklch

oklch(57.5% 0.021 157.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#7D094E

Rose Purple · Purple · Camellia

HEX

#7D094E

RGB

rgb(125, 9, 78)

HSL

hsl(324, 87%, 26%)

HSB

hsb(324, 93%, 49%)

CMYK

cmyk(0%, 93%, 38%, 51%)

Oklch

oklch(39.2% 0.155 352.0)

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

#600D51

Rose Purple · Purple · Eggplant

HEX

#600D51

RGB

rgb(96, 13, 81)

HSL

hsl(311, 76%, 21%)

HSB

hsb(311, 86%, 38%)

CMYK

cmyk(0%, 86%, 16%, 62%)

Oklch

oklch(34.1% 0.136 337.0)

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

#45213D

Rose Purple · DarkSlateGray · Dark Purple

HEX

#45213D

RGB

rgb(69, 33, 61)

HSL

hsl(313, 35%, 20%)

HSB

hsb(313, 52%, 27%)

CMYK

cmyk(0%, 52%, 12%, 73%)

Oklch

oklch(30.8% 0.069 336.1)

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

#CC450E

Tangerine · Chocolate · Amber Brown

HEX

#CC450E

RGB

rgb(204, 69, 14)

HSL

hsl(17, 87%, 43%)

HSB

hsb(17, 93%, 80%)

CMYK

cmyk(0%, 66%, 93%, 20%)

Oklch

oklch(57.5% 0.180 38.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F7D74

7C6E77

Analogous

707C6E

6F7D74

6E7C7A

Triadic

6F7D74

736E7C

7C736E

Split-Comp.

6F7D74

7A6E7C

7C6E70

Tetradic

6F7D74

6E707C

7C6E77

7C7A6E

Contrast Matrix WCAG 2.1 Contrast

6F7D74	7D094E	600D51	45213D	CC450E
—	2.4 Fail	2.9 Fail	3.2 AA Large	1.1 Fail
2.4 Fail	—	1.2 Fail	1.3 Fail	2.2 Fail
2.9 Fail	1.2 Fail	—	1.1 Fail	2.6 Fail
3.2 AA Large	1.3 Fail	1.1 Fail	—	2.9 Fail
1.1 Fail	2.2 Fail	2.6 Fail	2.9 Fail	—

White BG

4.3AA Large

10.4AAA

12.5AAA

13.7AAA

4.7AA

Black BG

4.9AA

2.0Fail

1.7Fail

1.5Fail

4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

757576

4B4A3D

3C3B41

353536

92901B

Deuteranopia

747377

525A39

41473D

383A35

99A31F

Tritanopia

707878

77302D

5C3431

433130

C52628

Achromatopsia

787878

343434

2E2E2E

2F2F2F

676767

Shades & Tints Shades & Tints

#6F7D74

Dark

Light

#7D094E

Dark

Light

#600D51

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f7d74;
  --color-2: #7d094e;
  --color-3: #600d51;
  --color-4: #45213d;
  --color-5: #cc450e;
}

SCSS

$color-1: #6f7d74;
$color-2: #7d094e;
$color-3: #600d51;
$color-4: #45213d;
$color-5: #cc450e;

TAILWIND

colors: {
  'brand-1': '#6f7d74',
  'brand-2': '#7d094e',
  'brand-3': '#600d51',
  'brand-4': '#45213d',
  'brand-5': '#cc450e',
}

RGB Array

[111, 125, 116], [125, 9, 78], [96, 13, 81], [69, 33, 61], [204, 69, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F7D74, #7D094E, #600D51, #45213D, #CC450E is ideal for: tech websites, dark mode UIs, game UIs. 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: #6f7d74; --color-2: #7d094e; --color-3: #600d51; --color-4: #45213d; --color-5: #cc450e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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