← Back to Editor

#2B2824 · #664937 · #F78834 · #F7E64B · #C3E15D

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

#2B2824

Ochre · DarkSlateGray · Dark Stone

HEX
#2B2824
RGB
rgb(43, 40, 36)
HSL
hsl(34, 9%, 15%)
HSB
hsb(34, 16%, 17%)
CMYK
cmyk(0%, 7%, 16%, 83%)
Oklch
oklch(27.9% 0.008 75.2)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

#664937

Tangerine · DarkOliveGreen · Amber Brown

HEX
#664937
RGB
rgb(102, 73, 55)
HSL
hsl(23, 30%, 31%)
HSB
hsb(23, 46%, 40%)
CMYK
cmyk(0%, 28%, 46%, 60%)
Oklch
oklch(43.2% 0.049 52.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F78834

Tangerine · Coral · Warm Sun

HEX
#F78834
RGB
rgb(247, 136, 52)
HSL
hsl(26, 92%, 59%)
HSB
hsb(26, 79%, 97%)
CMYK
cmyk(0%, 45%, 79%, 3%)
Oklch
oklch(73.6% 0.164 53.3)

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

#F7E64B

Fresh Green · Khaki · Sunflower

HEX
#F7E64B
RGB
rgb(247, 230, 75)
HSL
hsl(54, 91%, 63%)
HSB
hsb(54, 70%, 97%)
CMYK
cmyk(0%, 7%, 70%, 3%)
Oklch
oklch(91.2% 0.168 103.0)

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

#C3E15D

Willow Green · GreenYellow · Apple Green

HEX
#C3E15D
RGB
rgb(195, 225, 93)
HSL
hsl(74, 69%, 62%)
HSB
hsb(74, 59%, 88%)
CMYK
cmyk(13%, 0%, 59%, 12%)
Oklch
oklch(86.2% 0.161 120.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B2824
23262A

Analogous

2A2323
2B2824
292A23

Triadic

2B2824
232A27
27232A

Split-Comp.

2B2824
23292A
23232A

Tetradic

2B2824
232A23
23262A
2A2329

Contrast Matrix WCAG 2.1 Contrast

2B2824
664937
F78834
F7E64B
C3E15D
—
1.8
Fail
6.0
AA
11.4
AAA
10.0
AAA
1.8
Fail
—
3.3
AA Large
6.4
AA
5.5
AA
6.0
AA
3.3
AA Large
—
1.9
Fail
1.7
Fail
11.4
AAA
6.4
AA
1.9
Fail
—
1.1
Fail
10.0
AAA
5.5
AA
1.7
Fail
1.1
Fail
—
White BG
14.7AAA
8.2AAA
2.5Fail
1.3Fail
1.5Fail
Black BG
1.4Fail
2.6Fail
8.5AAA
16.4AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A25
59593B
C7C648
F0EF71
D0D07D

Deuteranopia

2A2A25
5B5D3C
CDD64D
F1F27A
CECC85

Tritanopia

2B2626
653F40
F1585C
F68E95
C5969C

Achromatopsia

282828
505050
A0A0A0
D9D9D9
C9C9C9

Shades & Tints Shades & Tints

#2B2824

Dark
Light

#664937

Dark
Light

#F78834

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b2824;
  --color-2: #664937;
  --color-3: #f78834;
  --color-4: #f7e64b;
  --color-5: #c3e15d;
}

SCSS

$color-1: #2b2824;
$color-2: #664937;
$color-3: #f78834;
$color-4: #f7e64b;
$color-5: #c3e15d;

TAILWIND

colors: {
  'brand-1': '#2b2824',
  'brand-2': '#664937',
  'brand-3': '#f78834',
  'brand-4': '#f7e64b',
  'brand-5': '#c3e15d',
}

RGB Array

[43, 40, 36], [102, 73, 55], [247, 136, 52], [247, 230, 75], [195, 225, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B2824, #664937, #F78834, #F7E64B, #C3E15D 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: #2b2824; --color-2: #664937; --color-3: #f78834; --color-4: #f7e64b; --color-5: #c3e15d. 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