← Back to Editor

#806835 · #F7F1CD · #6B9E8B · #A62121 · #130D0D

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

#806835

Ochre · Sienna · Honey Gold

HEX
#806835
RGB
rgb(128, 104, 53)
HSL
hsl(41, 41%, 35%)
HSB
hsb(41, 59%, 50%)
CMYK
cmyk(0%, 19%, 59%, 50%)
Oklch
oklch(52.9% 0.075 84.5)

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

#F7F1CD

Fresh Green · Beige · Lemon Cream

HEX
#F7F1CD
RGB
rgb(247, 241, 205)
HSL
hsl(51, 72%, 89%)
HSB
hsb(51, 17%, 97%)
CMYK
cmyk(0%, 2%, 17%, 3%)
Oklch
oklch(95.4% 0.047 99.4)

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

#6B9E8B

Mineral Blue · CadetBlue · Olive Green

HEX
#6B9E8B
RGB
rgb(107, 158, 139)
HSL
hsl(158, 21%, 52%)
HSB
hsb(158, 32%, 62%)
CMYK
cmyk(32%, 0%, 12%, 38%)
Oklch
oklch(65.7% 0.062 169.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#A62121

Vermilion · FireBrick · Wine Red

HEX
#A62121
RGB
rgb(166, 33, 33)
HSL
hsl(0, 67%, 39%)
HSB
hsb(0, 80%, 65%)
CMYK
cmyk(0%, 80%, 80%, 35%)
Oklch
oklch(47.4% 0.169 26.6)

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

#130D0D

Crimson · Black · Deep Berry

HEX
#130D0D
RGB
rgb(19, 13, 13)
HSL
hsl(0, 19%, 6%)
HSB
hsb(0, 32%, 7%)
CMYK
cmyk(0%, 32%, 32%, 93%)
Oklch
oklch(16.7% 0.010 18.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

806835
354C7E

Analogous

7E4235
806835
707E35

Triadic

806835
357E67
67357E

Split-Comp.

806835
35707E
42357E

Tetradic

806835
357E42
354C7E
7E3570

Contrast Matrix WCAG 2.1 Contrast

806835
F7F1CD
6B9E8B
A62121
130D0D
—
4.7
AA
1.7
Fail
1.4
Fail
3.6
AA Large
4.7
AA
—
2.7
Fail
6.4
AA
16.9
AAA
1.7
Fail
2.7
Fail
—
2.4
Fail
6.3
AA
1.4
Fail
6.4
AA
2.4
Fail
—
2.6
Fail
3.6
AA Large
16.9
AAA
6.3
AA
2.6
Fail
—
White BG
5.3AA
1.1Fail
3.0AA Large
7.3AAA
19.2AAA
Black BG
3.9AA Large
18.4AAA
6.9AA
2.9Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

767541
F4F4D6
818290
6C6B21
10100D

Deuteranopia

777944
F5F5D8
7E7A91
747E21
11110D

Tritanopia

7F4B4D
F7DDDE
6E9394
9F2121
130D0D

Achromatopsia

696969
EFEFEF
8D8D8D
494949
0F0F0F

Shades & Tints Shades & Tints

#806835

Dark
Light

#F7F1CD

Dark
Light

#6B9E8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #806835;
  --color-2: #f7f1cd;
  --color-3: #6b9e8b;
  --color-4: #a62121;
  --color-5: #130d0d;
}

SCSS

$color-1: #806835;
$color-2: #f7f1cd;
$color-3: #6b9e8b;
$color-4: #a62121;
$color-5: #130d0d;

TAILWIND

colors: {
  'brand-1': '#806835',
  'brand-2': '#f7f1cd',
  'brand-3': '#6b9e8b',
  'brand-4': '#a62121',
  'brand-5': '#130d0d',
}

RGB Array

[128, 104, 53], [247, 241, 205], [107, 158, 139], [166, 33, 33], [19, 13, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #806835, #F7F1CD, #6B9E8B, #A62121, #130D0D 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: #806835; --color-2: #f7f1cd; --color-3: #6b9e8b; --color-4: #a62121; --color-5: #130d0d. 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