← Back to Editor

#798D76 · #716E3E · #631B1B · #CF391D · #CACCA2

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

#798D76

Celadon · Gray · Warm Gray

HEX
#798D76
RGB
rgb(121, 141, 118)
HSL
hsl(112, 9%, 51%)
HSB
hsb(112, 16%, 55%)
CMYK
cmyk(14%, 0%, 16%, 45%)
Oklch
oklch(62.1% 0.041 141.5)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

#716E3E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#716E3E
RGB
rgb(113, 110, 62)
HSL
hsl(56, 29%, 34%)
HSB
hsb(56, 45%, 44%)
CMYK
cmyk(0%, 3%, 45%, 56%)
Oklch
oklch(52.9% 0.068 105.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#631B1B

Crimson · Maroon · Wine Red

HEX
#631B1B
RGB
rgb(99, 27, 27)
HSL
hsl(0, 57%, 25%)
HSB
hsb(0, 73%, 39%)
CMYK
cmyk(0%, 73%, 73%, 61%)
Oklch
oklch(34.0% 0.104 24.5)

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

#CF391D

Vermilion · FireBrick · Passion Red

HEX
#CF391D
RGB
rgb(207, 57, 29)
HSL
hsl(9, 75%, 46%)
HSB
hsb(9, 86%, 81%)
CMYK
cmyk(0%, 72%, 86%, 19%)
Oklch
oklch(56.8% 0.191 32.6)

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

#CACCA2

Fresh Green · Tan · Sunflower

HEX
#CACCA2
RGB
rgb(202, 204, 162)
HSL
hsl(63, 29%, 72%)
HSB
hsb(63, 21%, 80%)
CMYK
cmyk(1%, 0%, 21%, 20%)
Oklch
oklch(83.3% 0.056 109.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

798D76
8A778D

Analogous

858D77
798D76
778D7F

Triadic

798D76
777A8D
8D777A

Split-Comp.

798D76
7F778D
8D7785

Tetradic

798D76
77858D
8A778D
8D7F77

Contrast Matrix WCAG 2.1 Contrast

798D76
716E3E
631B1B
CF391D
CACCA2
—
1.5
Fail
3.5
AA Large
1.4
Fail
2.2
Fail
1.5
Fail
—
2.3
Fail
1.1
Fail
3.2
AA Large
3.5
AA Large
2.3
Fail
—
2.5
Fail
7.4
AAA
1.4
Fail
1.1
Fail
2.5
Fail
—
3.0
Fail
2.2
Fail
3.2
AA Large
7.4
AAA
3.0
Fail
—
White BG
3.6AA Large
5.2AA
12.3AAA
4.9AA
1.7Fail
Black BG
5.9AA
4.0AA Large
1.7Fail
4.3AA Large
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82827C
70704A
44431B
8E8D24
CBCBAC

Deuteranopia

817F7D
70704C
484D1B
97A225
CBCBAF

Tritanopia

7A8081
715355
5F1B1B
C7292A
CAB4B6

Achromatopsia

848484
696969
313131
636363
C7C7C7

Shades & Tints Shades & Tints

#798D76

Dark
Light

#716E3E

Dark
Light

#631B1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #798d76;
  --color-2: #716e3e;
  --color-3: #631b1b;
  --color-4: #cf391d;
  --color-5: #cacca2;
}

SCSS

$color-1: #798d76;
$color-2: #716e3e;
$color-3: #631b1b;
$color-4: #cf391d;
$color-5: #cacca2;

TAILWIND

colors: {
  'brand-1': '#798d76',
  'brand-2': '#716e3e',
  'brand-3': '#631b1b',
  'brand-4': '#cf391d',
  'brand-5': '#cacca2',
}

RGB Array

[121, 141, 118], [113, 110, 62], [99, 27, 27], [207, 57, 29], [202, 204, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #798D76, #716E3E, #631B1B, #CF391D, #CACCA2 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: #798d76; --color-2: #716e3e; --color-3: #631b1b; --color-4: #cf391d; --color-5: #cacca2. 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