← Back to Editor

#605B69 · #7B5066 · #A4435D · #CA3E59 · #D64E52

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#605B69

Ink Gray · DimGray · Charcoal

HEX
#605B69
RGB
rgb(96, 91, 105)
HSL
hsl(261, 7%, 38%)
HSB
hsb(261, 13%, 41%)
CMYK
cmyk(9%, 13%, 0%, 59%)
Oklch
oklch(48.1% 0.023 301.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#7B5066

Rose Purple · DimGray · Camellia

HEX
#7B5066
RGB
rgb(123, 80, 102)
HSL
hsl(329, 21%, 40%)
HSB
hsb(329, 35%, 48%)
CMYK
cmyk(0%, 35%, 17%, 52%)
Oklch
oklch(48.6% 0.065 347.8)

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

#A4435D

Dark Violet · Sienna · Camellia

HEX
#A4435D
RGB
rgb(164, 67, 93)
HSL
hsl(344, 42%, 45%)
HSB
hsb(344, 59%, 64%)
CMYK
cmyk(0%, 59%, 43%, 36%)
Oklch
oklch(51.9% 0.130 6.1)

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

#CA3E59

Crimson · Crimson · Passion Red

HEX
#CA3E59
RGB
rgb(202, 62, 89)
HSL
hsl(348, 57%, 52%)
HSB
hsb(348, 69%, 79%)
CMYK
cmyk(0%, 69%, 56%, 21%)
Oklch
oklch(57.3% 0.176 13.5)

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

#D64E52

Vermilion · Tomato · Passion Red

HEX
#D64E52
RGB
rgb(214, 78, 82)
HSL
hsl(358, 62%, 57%)
HSB
hsb(358, 64%, 84%)
CMYK
cmyk(0%, 64%, 62%, 16%)
Oklch
oklch(60.9% 0.171 22.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605B69
63685A

Analogous

5A5C68
605B69
665A68

Triadic

605B69
685F5A
5A685F

Split-Comp.

605B69
68665A
5C685A

Tetradic

605B69
685A5C
63685A
5A6866

Contrast Matrix WCAG 2.1 Contrast

605B69
7B5066
A4435D
CA3E59
D64E52
—
1.0
Fail
1.1
Fail
1.4
Fail
1.6
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
6.6AA
6.6AA
5.9AA
4.8AA
4.1AA Large
Black BG
3.2AA Large
3.2AA Large
3.5AA Large
4.3AA Large
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E66
686861
7A7957
8D8C52
9B9A51

Deuteranopia

5E5E65
6B6E5F
808755
96A051
A3AD51

Tritanopia

606362
795C5C
9F5251
C34D4C
CF5050

Achromatopsia

5E5E5E
5F5F5F
636363
6B6B6B
777777

Shades & Tints Shades & Tints

#605B69

Dark
Light

#7B5066

Dark
Light

#A4435D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605b69;
  --color-2: #7b5066;
  --color-3: #a4435d;
  --color-4: #ca3e59;
  --color-5: #d64e52;
}

SCSS

$color-1: #605b69;
$color-2: #7b5066;
$color-3: #a4435d;
$color-4: #ca3e59;
$color-5: #d64e52;

TAILWIND

colors: {
  'brand-1': '#605b69',
  'brand-2': '#7b5066',
  'brand-3': '#a4435d',
  'brand-4': '#ca3e59',
  'brand-5': '#d64e52',
}

RGB Array

[96, 91, 105], [123, 80, 102], [164, 67, 93], [202, 62, 89], [214, 78, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #605B69, #7B5066, #A4435D, #CA3E59, #D64E52 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: #605b69; --color-2: #7b5066; --color-3: #a4435d; --color-4: #ca3e59; --color-5: #d64e52. 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