← Back to Editor

#912D1D · #282A1D · #DE7838 · #AFBF6D · #59AB6D

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

#912D1D

Vermilion · Brown · Wine Red

HEX
#912D1D
RGB
rgb(145, 45, 29)
HSL
hsl(8, 67%, 34%)
HSB
hsb(8, 80%, 57%)
CMYK
cmyk(0%, 69%, 80%, 43%)
Oklch
oklch(44.6% 0.138 31.7)

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

#282A1D

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#282A1D
RGB
rgb(40, 42, 29)
HSL
hsl(69, 18%, 14%)
HSB
hsb(69, 31%, 16%)
CMYK
cmyk(5%, 0%, 31%, 84%)
Oklch
oklch(27.9% 0.023 115.0)

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

#DE7838

Tangerine · Chocolate · Warm Sun

HEX
#DE7838
RGB
rgb(222, 120, 56)
HSL
hsl(23, 72%, 55%)
HSB
hsb(23, 75%, 87%)
CMYK
cmyk(0%, 46%, 75%, 13%)
Oklch
oklch(67.7% 0.148 49.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AFBF6D

Grass Green · DarkSeaGreen · Olive Green

HEX
#AFBF6D
RGB
rgb(175, 191, 109)
HSL
hsl(72, 39%, 59%)
HSB
hsb(72, 43%, 75%)
CMYK
cmyk(8%, 0%, 43%, 25%)
Oklch
oklch(77.4% 0.108 118.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#59AB6D

Celadon · MediumSeaGreen · Olive Green

HEX
#59AB6D
RGB
rgb(89, 171, 109)
HSL
hsl(135, 33%, 51%)
HSB
hsb(135, 48%, 67%)
CMYK
cmyk(48%, 0%, 36%, 33%)
Oklch
oklch(67.3% 0.122 150.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

912D1D
1D8191

Analogous

911D47
912D1D
91661D

Triadic

912D1D
1D912C
2C1D91

Split-Comp.

912D1D
1D9166
1D4791

Tetradic

912D1D
47911D
1D8191
661D91

Contrast Matrix WCAG 2.1 Contrast

912D1D
282A1D
DE7838
AFBF6D
59AB6D
—
1.8
Fail
2.6
Fail
4.0
AA Large
2.9
Fail
1.8
Fail
—
4.8
AA
7.3
AAA
5.2
AA
2.6
Fail
4.8
AA
—
1.5
Fail
1.1
Fail
4.0
AA Large
7.3
AAA
1.5
Fail
—
1.4
Fail
2.9
Fail
5.2
AA
1.1
Fail
1.4
Fail
—
White BG
8.1AAA
14.6AAA
3.1AA Large
2.0Fail
2.8Fail
Black BG
2.6Fail
1.4Fail
6.8AA
10.5AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666521
292920
B2B147
B6B681
7D7D7C

Deuteranopia

6C7322
292921
B8BF4B
B5B486
787280

Tritanopia

8C2425
282323
D95456
B09194
5D888A

Achromatopsia

494949
282828
8F8F8F
B1B1B1
8B8B8B

Shades & Tints Shades & Tints

#912D1D

Dark
Light

#282A1D

Dark
Light

#DE7838

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #912d1d;
  --color-2: #282a1d;
  --color-3: #de7838;
  --color-4: #afbf6d;
  --color-5: #59ab6d;
}

SCSS

$color-1: #912d1d;
$color-2: #282a1d;
$color-3: #de7838;
$color-4: #afbf6d;
$color-5: #59ab6d;

TAILWIND

colors: {
  'brand-1': '#912d1d',
  'brand-2': '#282a1d',
  'brand-3': '#de7838',
  'brand-4': '#afbf6d',
  'brand-5': '#59ab6d',
}

RGB Array

[145, 45, 29], [40, 42, 29], [222, 120, 56], [175, 191, 109], [89, 171, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #912D1D, #282A1D, #DE7838, #AFBF6D, #59AB6D 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: #912d1d; --color-2: #282a1d; --color-3: #de7838; --color-4: #afbf6d; --color-5: #59ab6d. 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