← Back to Editor

#614153 · #854953 · #A65A49 · #C26E32 · #C48B06

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 Library

Color Details Color Details

#614153

Rose Purple · DimGray · Camellia

HEX
#614153
RGB
rgb(97, 65, 83)
HSL
hsl(326, 20%, 32%)
HSB
hsb(326, 33%, 38%)
CMYK
cmyk(0%, 33%, 14%, 62%)
Oklch
oklch(41.8% 0.052 344.8)

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

#854953

Crimson · Sienna · Wine Red

HEX
#854953
RGB
rgb(133, 73, 83)
HSL
hsl(350, 29%, 40%)
HSB
hsb(350, 45%, 52%)
CMYK
cmyk(0%, 45%, 38%, 48%)
Oklch
oklch(48.0% 0.082 10.0)

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

#A65A49

Crimson · Sienna · Passion Red

HEX
#A65A49
RGB
rgb(166, 90, 73)
HSL
hsl(11, 39%, 47%)
HSB
hsb(11, 56%, 65%)
CMYK
cmyk(0%, 46%, 56%, 35%)
Oklch
oklch(55.3% 0.104 33.7)

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

#C26E32

Tangerine · Chocolate · Amber Brown

HEX
#C26E32
RGB
rgb(194, 110, 50)
HSL
hsl(25, 59%, 48%)
HSB
hsb(25, 74%, 76%)
CMYK
cmyk(0%, 43%, 74%, 24%)
Oklch
oklch(62.2% 0.129 53.1)

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

#C48B06

Ochre · DarkGoldenRod · Honey Gold

HEX
#C48B06
RGB
rgb(196, 139, 6)
HSL
hsl(42, 94%, 40%)
HSB
hsb(42, 97%, 77%)
CMYK
cmyk(0%, 29%, 97%, 23%)
Oklch
oklch(67.6% 0.139 79.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

614153
41624F

Analogous

604162
614153
624143

Triadic

614153
546241
415462

Split-Comp.

614153
436241
416260

Tetradic

614153
626041
41624F
414362

Contrast Matrix WCAG 2.1 Contrast

614153
854953
A65A49
C26E32
C48B06
—
1.3
Fail
1.7
Fail
2.3
Fail
2.9
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.3
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
2.9
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
White BG
8.8AAA
6.8AA
5.0AA
3.8AA Large
3.0Fail
Black BG
2.4Fail
3.1AA Large
4.2AA Large
5.6AA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

53534F
6B6A51
85844D
9E9D41
ABAB26

Deuteranopia

55574E
6F7350
8A8F4E
A3A944
AFB32E

Tritanopia

5F4B4A
824F4E
A25051
BE4C4F
C14045

Achromatopsia

4D4D4D
5C5C5C
6F6F6F
808080
8D8D8D

Shades & Tints Shades & Tints

#614153

Dark
Light

#854953

Dark
Light

#A65A49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #614153;
  --color-2: #854953;
  --color-3: #a65a49;
  --color-4: #c26e32;
  --color-5: #c48b06;
}

SCSS

$color-1: #614153;
$color-2: #854953;
$color-3: #a65a49;
$color-4: #c26e32;
$color-5: #c48b06;

TAILWIND

colors: {
  'brand-1': '#614153',
  'brand-2': '#854953',
  'brand-3': '#a65a49',
  'brand-4': '#c26e32',
  'brand-5': '#c48b06',
}

RGB Array

[97, 65, 83], [133, 73, 83], [166, 90, 73], [194, 110, 50], [196, 139, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #614153, #854953, #A65A49, #C26E32, #C48B06 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: #614153; --color-2: #854953; --color-3: #a65a49; --color-4: #c26e32; --color-5: #c48b06. 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