← Back to Editor

#6E5A0B · #C6E83C · #749E2F · #334333 · #281314

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

#6E5A0B

Ochre · Olive · Amber Gold

HEX
#6E5A0B
RGB
rgb(110, 90, 11)
HSL
hsl(48, 82%, 24%)
HSB
hsb(48, 90%, 43%)
CMYK
cmyk(0%, 18%, 90%, 57%)
Oklch
oklch(47.4% 0.093 93.0)

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

#C6E83C

Grass Green · GreenYellow · Olive Green

HEX
#C6E83C
RGB
rgb(198, 232, 60)
HSL
hsl(72, 79%, 57%)
HSB
hsb(72, 74%, 91%)
CMYK
cmyk(15%, 0%, 74%, 9%)
Oklch
oklch(87.7% 0.190 120.5)

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

#749E2F

Grass Green · Olive · Forest Green

HEX
#749E2F
RGB
rgb(116, 158, 47)
HSL
hsl(83, 54%, 40%)
HSB
hsb(83, 70%, 62%)
CMYK
cmyk(27%, 0%, 70%, 38%)
Oklch
oklch(64.6% 0.146 128.0)

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

#334333

Celadon · DarkSlateGray · Forest Green

HEX
#334333
RGB
rgb(51, 67, 51)
HSL
hsl(120, 14%, 23%)
HSB
hsb(120, 24%, 26%)
CMYK
cmyk(24%, 0%, 24%, 74%)
Oklch
oklch(36.4% 0.034 144.8)

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

#281314

Crimson · Black · Deep Berry

HEX
#281314
RGB
rgb(40, 19, 20)
HSL
hsl(357, 36%, 12%)
HSB
hsb(357, 53%, 16%)
CMYK
cmyk(0%, 53%, 50%, 84%)
Oklch
oklch(21.7% 0.035 17.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E5A0B
0B1F6F

Analogous

6F290B
6E5A0B
516F0B

Triadic

6E5A0B
0B6F5B
5B0B6F

Split-Comp.

6E5A0B
0B516F
290B6F

Tetradic

6E5A0B
0B6F29
0B1F6F
6F0B51

Contrast Matrix WCAG 2.1 Contrast

6E5A0B
C6E83C
749E2F
334333
281314
—
4.8
AA
2.1
Fail
1.6
Fail
2.6
Fail
4.8
AA
—
2.2
Fail
7.5
AAA
12.6
AAA
2.1
Fail
2.2
Fail
—
3.4
AA Large
5.6
AA
1.6
Fail
7.5
AAA
3.4
AA Large
—
1.7
Fail
2.6
Fail
12.6
AAA
5.6
AA
1.7
Fail
—
White BG
6.7AA
1.4Fail
3.1AA Large
10.5AAA
17.6AAA
Black BG
3.1AA Large
15.0AAA
6.7AA
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

65651E
D5D566
86874A
3A3A37
1F1F14

Deuteranopia

676823
D3D070
848150
393838
202214

Tritanopia

6D2D31
C8868E
765F64
343A3B
271414

Achromatopsia

575757
CACACA
858585
3C3C3C
191919

Shades & Tints Shades & Tints

#6E5A0B

Dark
Light

#C6E83C

Dark
Light

#749E2F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e5a0b;
  --color-2: #c6e83c;
  --color-3: #749e2f;
  --color-4: #334333;
  --color-5: #281314;
}

SCSS

$color-1: #6e5a0b;
$color-2: #c6e83c;
$color-3: #749e2f;
$color-4: #334333;
$color-5: #281314;

TAILWIND

colors: {
  'brand-1': '#6e5a0b',
  'brand-2': '#c6e83c',
  'brand-3': '#749e2f',
  'brand-4': '#334333',
  'brand-5': '#281314',
}

RGB Array

[110, 90, 11], [198, 232, 60], [116, 158, 47], [51, 67, 51], [40, 19, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E5A0B, #C6E83C, #749E2F, #334333, #281314 is ideal for: tech websites, dark mode UIs, game UIs, 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: #6e5a0b; --color-2: #c6e83c; --color-3: #749e2f; --color-4: #334333; --color-5: #281314. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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