← Back to Editor

#791F38 · #8C4257 · #A6868F · #AECCC0 · #DCDEDD

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 LibraryData Visualization

Color Details Color Details

#791F38

Dark Violet · Brown · Camellia

HEX
#791F38
RGB
rgb(121, 31, 56)
HSL
hsl(343, 59%, 30%)
HSB
hsb(343, 74%, 47%)
CMYK
cmyk(0%, 74%, 54%, 53%)
Oklch
oklch(39.2% 0.124 8.6)

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

#8C4257

Dark Violet · Sienna · Camellia

HEX
#8C4257
RGB
rgb(140, 66, 87)
HSL
hsl(343, 36%, 40%)
HSB
hsb(343, 53%, 55%)
CMYK
cmyk(0%, 53%, 38%, 45%)
Oklch
oklch(48.0% 0.103 3.8)

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

#A6868F

Dark Violet · Gray · Rose Pink

HEX
#A6868F
RGB
rgb(166, 134, 143)
HSL
hsl(343, 15%, 59%)
HSB
hsb(343, 19%, 65%)
CMYK
cmyk(0%, 19%, 14%, 35%)
Oklch
oklch(65.3% 0.041 359.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#AECCC0

Jade · Silver · Apple Green

HEX
#AECCC0
RGB
rgb(174, 204, 192)
HSL
hsl(156, 23%, 74%)
HSB
hsb(156, 15%, 80%)
CMYK
cmyk(15%, 0%, 6%, 20%)
Oklch
oklch(82.0% 0.036 169.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#DCDEDD

Plain White · LightGray · Cloud White

HEX
#DCDEDD
RGB
rgb(220, 222, 221)
HSL
hsl(150, 3%, 87%)
HSB
hsb(150, 1%, 87%)
CMYK
cmyk(1%, 0%, 0%, 13%)
Oklch
oklch(89.9% 0.003 165.1)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

791F38
1F7A60

Analogous

7A1F66
791F38
7A331F

Triadic

791F38
397A1F
1F397A

Split-Comp.

791F38
1F7A33
1F667A

Tetradic

791F38
667A1F
1F7A60
331F7A

Contrast Matrix WCAG 2.1 Contrast

791F38
8C4257
A6868F
AECCC0
DCDEDD
—
1.5
Fail
3.1
AA Large
5.9
AA
7.5
AAA
1.5
Fail
—
2.1
Fail
4.0
AA Large
5.1
AA
3.1
AA Large
2.1
Fail
—
1.9
Fail
2.4
Fail
5.9
AA
4.0
AA Large
1.9
Fail
—
1.3
Fail
7.5
AAA
5.1
AA
2.4
Fail
1.3
Fail
—
White BG
10.2AAA
6.9AA
3.3AA Large
1.7Fail
1.4Fail
Black BG
2.1Fail
3.0AA Large
6.4AA
12.2AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525132
6C6B52
98988D
BBBBC3
DDDDDD

Deuteranopia

575E30
707651
9A9C8C
B9B7C4
DDDDDD

Tritanopia

742D2C
884E4D
A48B8B
AFC5C6
DCDDDD

Achromatopsia

3D3D3D
5B5B5B
919191
C2C2C2
DDDDDD

Shades & Tints Shades & Tints

#791F38

Dark
Light

#8C4257

Dark
Light

#A6868F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #791f38;
  --color-2: #8c4257;
  --color-3: #a6868f;
  --color-4: #aeccc0;
  --color-5: #dcdedd;
}

SCSS

$color-1: #791f38;
$color-2: #8c4257;
$color-3: #a6868f;
$color-4: #aeccc0;
$color-5: #dcdedd;

TAILWIND

colors: {
  'brand-1': '#791f38',
  'brand-2': '#8c4257',
  'brand-3': '#a6868f',
  'brand-4': '#aeccc0',
  'brand-5': '#dcdedd',
}

RGB Array

[121, 31, 56], [140, 66, 87], [166, 134, 143], [174, 204, 192], [220, 222, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #791F38, #8C4257, #A6868F, #AECCC0, #DCDEDD is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #791f38; --color-2: #8c4257; --color-3: #a6868f; --color-4: #aeccc0; --color-5: #dcdedd. 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. Restrained colors convey professionalism and trust. 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