← Back to Editor

#4D816B · #467600 · #295301 · #132205 · #CAA97E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#4D816B

Mineral Blue · DimGray · Forest Green

HEX
#4D816B
RGB
rgb(77, 129, 107)
HSL
hsl(155, 25%, 40%)
HSB
hsb(155, 40%, 51%)
CMYK
cmyk(40%, 0%, 17%, 49%)
Oklch
oklch(56.0% 0.066 165.3)

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

#467600

Grass Green · DarkOliveGreen · Forest Green

HEX
#467600
RGB
rgb(70, 118, 0)
HSL
hsl(84, 100%, 23%)
HSB
hsb(84, 100%, 46%)
CMYK
cmyk(41%, 0%, 100%, 54%)
Oklch
oklch(51.1% 0.142 132.0)

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

#295301

Pine Green · DarkGreen · Dark Green

HEX
#295301
RGB
rgb(41, 83, 1)
HSL
hsl(91, 98%, 16%)
HSB
hsb(91, 99%, 33%)
CMYK
cmyk(51%, 0%, 99%, 67%)
Oklch
oklch(39.6% 0.114 134.7)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#132205

Pine Green · Black · Dark Green

HEX
#132205
RGB
rgb(19, 34, 5)
HSL
hsl(91, 74%, 8%)
HSB
hsb(91, 85%, 13%)
CMYK
cmyk(44%, 0%, 85%, 87%)
Oklch
oklch(23.0% 0.054 132.2)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#CAA97E

Ginger · Tan · Warm Sun

HEX
#CAA97E
RGB
rgb(202, 169, 126)
HSL
hsl(34, 42%, 64%)
HSB
hsb(34, 38%, 79%)
CMYK
cmyk(0%, 16%, 38%, 21%)
Oklch
oklch(75.4% 0.069 73.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D816B
804D62

Analogous

4D8051
4D816B
4D7B80

Triadic

4D816B
6A4D80
806A4D

Split-Comp.

4D816B
804D7B
80514D

Tetradic

4D816B
514D80
804D62
7B804D

Contrast Matrix WCAG 2.1 Contrast

4D816B
467600
295301
132205
CAA97E
—
1.2
Fail
2.0
Fail
3.7
AA Large
2.0
Fail
1.2
Fail
—
1.7
Fail
3.1
AA Large
2.5
Fail
2.0
Fail
1.7
Fail
—
1.9
Fail
4.1
AA Large
3.7
AA Large
3.1
AA Large
1.9
Fail
—
7.5
AAA
2.0
Fail
2.5
Fail
4.1
AA Large
7.5
AAA
—
White BG
4.5AA Large
5.5AA
9.0AAA
16.7AAA
2.2Fail
Black BG
4.7AA
3.9AA Large
2.3Fail
1.3Fail
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

646470
5B5B1D
3B3C15
191A0C
BCBB88

Deuteranopia

615D72
585423
39361A
19180E
BEC08B

Tritanopia

507575
483338
2B2528
141213
C89192

Achromatopsia

6F6F6F
5A5A5A
3D3D3D
1A1A1A
AEAEAE

Shades & Tints Shades & Tints

#4D816B

Dark
Light

#467600

Dark
Light

#295301

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d816b;
  --color-2: #467600;
  --color-3: #295301;
  --color-4: #132205;
  --color-5: #caa97e;
}

SCSS

$color-1: #4d816b;
$color-2: #467600;
$color-3: #295301;
$color-4: #132205;
$color-5: #caa97e;

TAILWIND

colors: {
  'brand-1': '#4d816b',
  'brand-2': '#467600',
  'brand-3': '#295301',
  'brand-4': '#132205',
  'brand-5': '#caa97e',
}

RGB Array

[77, 129, 107], [70, 118, 0], [41, 83, 1], [19, 34, 5], [202, 169, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D816B, #467600, #295301, #132205, #CAA97E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4d816b; --color-2: #467600; --color-3: #295301; --color-4: #132205; --color-5: #caa97e. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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