← Back to Editor

#601B2F · #C41460 · #F29C55 · #7A9656 · #3A665B

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

#601B2F

Dark Violet · Maroon · Raspberry

HEX
#601B2F
RGB
rgb(96, 27, 47)
HSL
hsl(343, 56%, 24%)
HSB
hsb(343, 72%, 38%)
CMYK
cmyk(0%, 72%, 51%, 62%)
Oklch
oklch(33.9% 0.101 6.7)

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

#C41460

Dark Violet · MediumVioletRed · Camellia

HEX
#C41460
RGB
rgb(196, 20, 96)
HSL
hsl(334, 81%, 42%)
HSB
hsb(334, 90%, 77%)
CMYK
cmyk(0%, 90%, 51%, 23%)
Oklch
oklch(53.5% 0.206 3.7)

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

#F29C55

Apricot · SandyBrown · Warm Sun

HEX
#F29C55
RGB
rgb(242, 156, 85)
HSL
hsl(27, 86%, 64%)
HSB
hsb(27, 65%, 95%)
CMYK
cmyk(0%, 36%, 65%, 5%)
Oklch
oklch(76.6% 0.134 58.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#7A9656

Grass Green · Gray · Olive Green

HEX
#7A9656
RGB
rgb(122, 150, 86)
HSL
hsl(86, 27%, 46%)
HSB
hsb(86, 43%, 59%)
CMYK
cmyk(19%, 0%, 43%, 41%)
Oklch
oklch(63.6% 0.095 128.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#3A665B

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3A665B
RGB
rgb(58, 102, 91)
HSL
hsl(165, 28%, 31%)
HSB
hsb(165, 43%, 40%)
CMYK
cmyk(43%, 0%, 11%, 60%)
Oklch
oklch(47.5% 0.052 176.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

601B2F
1B5F4C

Analogous

5F1B51
601B2F
5F2A1B

Triadic

601B2F
2E5F1B
1B2E5F

Split-Comp.

601B2F
1B5F2A
1B515F

Tetradic

601B2F
515F1B
1B5F4C
2A1B5F

Contrast Matrix WCAG 2.1 Contrast

601B2F
C41460
F29C55
7A9656
3A665B
—
2.1
Fail
5.7
AA
3.7
AA Large
1.9
Fail
2.1
Fail
—
2.7
Fail
1.7
Fail
1.1
Fail
5.7
AA
2.7
Fail
—
1.5
Fail
3.0
Fail
3.7
AA Large
1.7
Fail
1.5
Fail
—
2.0
Fail
1.9
Fail
1.1
Fail
3.0
Fail
2.0
Fail
—
White BG
12.4AAA
5.8AA
2.2Fail
3.3AA Large
6.5AA
Black BG
1.7Fail
3.6AA Large
9.7AAA
6.3AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

42422A
78764E
CDCC66
868665
4D4D5E

Deuteranopia

464B29
828F49
D2D86A
858269
4B475E

Tritanopia

5D2626
BB3F3C
EE7477
7B7274
3C6060

Achromatopsia

323232
515151
AEAEAE
868686
585858

Shades & Tints Shades & Tints

#601B2F

Dark
Light

#C41460

Dark
Light

#F29C55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #601b2f;
  --color-2: #c41460;
  --color-3: #f29c55;
  --color-4: #7a9656;
  --color-5: #3a665b;
}

SCSS

$color-1: #601b2f;
$color-2: #c41460;
$color-3: #f29c55;
$color-4: #7a9656;
$color-5: #3a665b;

TAILWIND

colors: {
  'brand-1': '#601b2f',
  'brand-2': '#c41460',
  'brand-3': '#f29c55',
  'brand-4': '#7a9656',
  'brand-5': '#3a665b',
}

RGB Array

[96, 27, 47], [196, 20, 96], [242, 156, 85], [122, 150, 86], [58, 102, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #601B2F, #C41460, #F29C55, #7A9656, #3A665B 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: #601b2f; --color-2: #c41460; --color-3: #f29c55; --color-4: #7a9656; --color-5: #3a665b. 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