← Back to Editor

#D4AD6A · #34643C · #648326 · #75B239 · #112B38

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

#D4AD6A

Ginger · BurlyWood · Warm Sun

HEX
#D4AD6A
RGB
rgb(212, 173, 106)
HSL
hsl(38, 55%, 62%)
HSB
hsb(38, 50%, 83%)
CMYK
cmyk(0%, 18%, 50%, 17%)
Oklch
oklch(76.8% 0.097 80.1)

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

#34643C

Celadon · DarkSlateGray · Forest Green

HEX
#34643C
RGB
rgb(52, 100, 60)
HSL
hsl(130, 32%, 30%)
HSB
hsb(130, 48%, 39%)
CMYK
cmyk(48%, 0%, 40%, 61%)
Oklch
oklch(45.8% 0.083 147.9)

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

#648326

Grass Green · DarkOliveGreen · Forest Green

HEX
#648326
RGB
rgb(100, 131, 38)
HSL
hsl(80, 55%, 33%)
HSB
hsb(80, 71%, 51%)
CMYK
cmyk(24%, 0%, 71%, 49%)
Oklch
oklch(56.7% 0.124 126.1)

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

#75B239

Pine Green · LimeGreen · Olive Green

HEX
#75B239
RGB
rgb(117, 178, 57)
HSL
hsl(90, 51%, 46%)
HSB
hsb(90, 68%, 70%)
CMYK
cmyk(34%, 0%, 68%, 30%)
Oklch
oklch(69.8% 0.164 132.4)

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

#112B38

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX
#112B38
RGB
rgb(17, 43, 56)
HSL
hsl(200, 53%, 14%)
HSB
hsb(200, 70%, 22%)
CMYK
cmyk(70%, 23%, 0%, 78%)
Oklch
oklch(27.5% 0.040 232.5)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4AD6A
6990D3

Analogous

D37769
D4AD6A
C5D369

Triadic

D4AD6A
69D3AC
AC69D3

Split-Comp.

D4AD6A
69C5D3
7769D3

Tetradic

D4AD6A
69D377
6990D3
D369C5

Contrast Matrix WCAG 2.1 Contrast

D4AD6A
34643C
648326
75B239
112B38
—
3.3
AA Large
2.1
Fail
1.2
Fail
7.0
AA
3.3
AA Large
—
1.6
Fail
2.7
Fail
2.1
Fail
2.1
Fail
1.6
Fail
—
1.7
Fail
3.4
AA Large
1.2
Fail
2.7
Fail
1.7
Fail
—
5.7
AA
7.0
AA
2.1
Fail
3.4
AA Large
5.7
AA
—
White BG
2.1Fail
6.9AA
4.4AA Large
2.6Fail
14.7AAA
Black BG
10.0AAA
3.0AA Large
4.8AA
8.2AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C37A
494946
71723D
8F9056
1C1C35

Deuteranopia

C5C87E
464248
706D42
8C875D
1B1934

Tritanopia

D2878A
364D4F
664E52
786D72
123232

Achromatopsia

B1B1B1
515151
6F6F6F
929292
252525

Shades & Tints Shades & Tints

#D4AD6A

Dark
Light

#34643C

Dark
Light

#648326

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4ad6a;
  --color-2: #34643c;
  --color-3: #648326;
  --color-4: #75b239;
  --color-5: #112b38;
}

SCSS

$color-1: #d4ad6a;
$color-2: #34643c;
$color-3: #648326;
$color-4: #75b239;
$color-5: #112b38;

TAILWIND

colors: {
  'brand-1': '#d4ad6a',
  'brand-2': '#34643c',
  'brand-3': '#648326',
  'brand-4': '#75b239',
  'brand-5': '#112b38',
}

RGB Array

[212, 173, 106], [52, 100, 60], [100, 131, 38], [117, 178, 57], [17, 43, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4AD6A, #34643C, #648326, #75B239, #112B38 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: #d4ad6a; --color-2: #34643c; --color-3: #648326; --color-4: #75b239; --color-5: #112b38. 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