← Back to Editor

#61563C · #43183A · #AB4495 · #E0854C · #F6CC72

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#61563C

Ochre · DarkOliveGreen · Honey Gold

HEX
#61563C
RGB
rgb(97, 86, 60)
HSL
hsl(42, 24%, 31%)
HSB
hsb(42, 38%, 38%)
CMYK
cmyk(0%, 11%, 38%, 62%)
Oklch
oklch(45.7% 0.042 87.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#43183A

Rose Purple · DarkSlateGray · Dark Purple

HEX
#43183A
RGB
rgb(67, 24, 58)
HSL
hsl(313, 47%, 18%)
HSB
hsb(313, 64%, 26%)
CMYK
cmyk(0%, 64%, 13%, 74%)
Oklch
oklch(28.9% 0.082 336.3)

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

#AB4495

Rose Purple · MediumVioletRed · Violet

HEX
#AB4495
RGB
rgb(171, 68, 149)
HSL
hsl(313, 43%, 47%)
HSB
hsb(313, 60%, 67%)
CMYK
cmyk(0%, 60%, 13%, 33%)
Oklch
oklch(55.2% 0.165 336.8)

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

#E0854C

Tangerine · Coral · Warm Sun

HEX
#E0854C
RGB
rgb(224, 133, 76)
HSL
hsl(23, 70%, 59%)
HSB
hsb(23, 66%, 88%)
CMYK
cmyk(0%, 41%, 66%, 12%)
Oklch
oklch(70.3% 0.133 51.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F6CC72

Goose Yellow · Khaki · Sunflower

HEX
#F6CC72
RGB
rgb(246, 204, 114)
HSL
hsl(41, 88%, 71%)
HSB
hsb(41, 54%, 96%)
CMYK
cmyk(0%, 17%, 54%, 4%)
Oklch
oklch(86.3% 0.119 84.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61563C
3C4762

Analogous

62443C
61563C
5A623C

Triadic

61563C
3C6257
573C62

Split-Comp.

61563C
3C5A62
443C62

Tetradic

61563C
3C6244
3C4762
623C5A

Contrast Matrix WCAG 2.1 Contrast

61563C
43183A
AB4495
E0854C
F6CC72
—
2.0
Fail
1.4
Fail
2.6
Fail
4.8
AA
2.0
Fail
—
2.8
Fail
5.3
AA
9.6
AAA
1.4
Fail
2.8
Fail
—
1.9
Fail
3.5
AA Large
2.6
Fail
5.3
AA
1.9
Fail
—
1.8
Fail
4.8
AA
9.6
AAA
3.5
AA Large
1.8
Fail
—
White BG
7.2AAA
14.7AAA
5.3AA
2.8Fail
1.5Fail
Black BG
2.9Fail
1.4Fail
4.0AA Large
7.6AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C42
303032
7E7D81
B9B85A
E4E388

Deuteranopia

5D5E44
333630
848C7D
BEC55D
E6E98D

Tritanopia

604748
412B2A
A6726F
DB6567
F4999D

Achromatopsia

565656
292929
6C6C6C
9A9A9A
CECECE

Shades & Tints Shades & Tints

#61563C

Dark
Light

#43183A

Dark
Light

#AB4495

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61563c;
  --color-2: #43183a;
  --color-3: #ab4495;
  --color-4: #e0854c;
  --color-5: #f6cc72;
}

SCSS

$color-1: #61563c;
$color-2: #43183a;
$color-3: #ab4495;
$color-4: #e0854c;
$color-5: #f6cc72;

TAILWIND

colors: {
  'brand-1': '#61563c',
  'brand-2': '#43183a',
  'brand-3': '#ab4495',
  'brand-4': '#e0854c',
  'brand-5': '#f6cc72',
}

RGB Array

[97, 86, 60], [67, 24, 58], [171, 68, 149], [224, 133, 76], [246, 204, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61563C, #43183A, #AB4495, #E0854C, #F6CC72 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #61563c; --color-2: #43183a; --color-3: #ab4495; --color-4: #e0854c; --color-5: #f6cc72. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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