← Back to Editor

#943255 · #995259 · #9F725D · #A49262 · #A9B366

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

#943255

Dark Violet · Brown · Camellia

HEX
#943255
RGB
rgb(148, 50, 85)
HSL
hsl(339, 49%, 39%)
HSB
hsb(339, 66%, 58%)
CMYK
cmyk(0%, 66%, 43%, 42%)
Oklch
oklch(47.0% 0.135 1.8)

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

#995259

Crimson · Sienna · Passion Red

HEX
#995259
RGB
rgb(153, 82, 89)
HSL
hsl(354, 30%, 46%)
HSB
hsb(354, 46%, 60%)
CMYK
cmyk(0%, 46%, 42%, 40%)
Oklch
oklch(52.5% 0.095 14.6)

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

#9F725D

Tangerine · Gray · Amber Brown

HEX
#9F725D
RGB
rgb(159, 114, 93)
HSL
hsl(19, 26%, 49%)
HSB
hsb(19, 42%, 62%)
CMYK
cmyk(0%, 28%, 42%, 38%)
Oklch
oklch(59.2% 0.065 46.0)

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

#A49262

Ginger · Gray · Sunflower

HEX
#A49262
RGB
rgb(164, 146, 98)
HSL
hsl(44, 27%, 51%)
HSB
hsb(44, 40%, 64%)
CMYK
cmyk(0%, 11%, 40%, 36%)
Oklch
oklch(66.4% 0.069 89.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A9B366

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A9B366
RGB
rgb(169, 179, 102)
HSL
hsl(68, 34%, 55%)
HSB
hsb(68, 43%, 70%)
CMYK
cmyk(6%, 0%, 43%, 30%)
Oklch
oklch(74.1% 0.101 115.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

943255
339472

Analogous

943386
943255
944133

Triadic

943255
559433
335594

Split-Comp.

943255
339441
338694

Tetradic

943255
869433
339472
413394

Contrast Matrix WCAG 2.1 Contrast

943255
995259
9F725D
A49262
A9B366
—
1.3
Fail
1.8
Fail
2.4
Fail
3.3
AA Large
1.3
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
3.3
AA Large
2.5
Fail
1.9
Fail
1.4
Fail
—
White BG
7.4AAA
5.7AA
4.2AA Large
3.1AA Large
2.3Fail
Black BG
2.8Fail
3.7AA Large
5.0AA
6.9AA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A694D
7A7A57
8C8B62
9C9C6E
ADAD79

Deuteranopia

6F774B
7E8457
8E9263
9D9F70
ADAC7D

Tritanopia

8F4644
955656
9D6667
A37779
A9878B

Achromatopsia

535353
686868
7D7D7D
929292
A7A7A7

Shades & Tints Shades & Tints

#943255

Dark
Light

#995259

Dark
Light

#9F725D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #943255;
  --color-2: #995259;
  --color-3: #9f725d;
  --color-4: #a49262;
  --color-5: #a9b366;
}

SCSS

$color-1: #943255;
$color-2: #995259;
$color-3: #9f725d;
$color-4: #a49262;
$color-5: #a9b366;

TAILWIND

colors: {
  'brand-1': '#943255',
  'brand-2': '#995259',
  'brand-3': '#9f725d',
  'brand-4': '#a49262',
  'brand-5': '#a9b366',
}

RGB Array

[148, 50, 85], [153, 82, 89], [159, 114, 93], [164, 146, 98], [169, 179, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #943255, #995259, #9F725D, #A49262, #A9B366 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: #943255; --color-2: #995259; --color-3: #9f725d; --color-4: #a49262; --color-5: #a9b366. 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