← Back to Editor

#C3A136 · #565F1E · #908E3B · #ADA250 · #F6DF91

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

#C3A136

Ochre · GoldenRod · Honey Gold

HEX
#C3A136
RGB
rgb(195, 161, 54)
HSL
hsl(46, 57%, 49%)
HSB
hsb(46, 72%, 76%)
CMYK
cmyk(0%, 17%, 72%, 24%)
Oklch
oklch(72.1% 0.128 90.8)

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

#565F1E

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#565F1E
RGB
rgb(86, 95, 30)
HSL
hsl(68, 52%, 25%)
HSB
hsb(68, 68%, 37%)
CMYK
cmyk(9%, 0%, 68%, 63%)
Oklch
oklch(46.3% 0.088 116.7)

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

#908E3B

Autumn Sage · Olive · Honey Gold

HEX
#908E3B
RGB
rgb(144, 142, 59)
HSL
hsl(59, 42%, 40%)
HSB
hsb(59, 59%, 56%)
CMYK
cmyk(0%, 1%, 59%, 44%)
Oklch
oklch(63.1% 0.105 107.8)

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

#ADA250

Autumn Sage · GoldenRod · Honey Gold

HEX
#ADA250
RGB
rgb(173, 162, 80)
HSL
hsl(53, 37%, 50%)
HSB
hsb(53, 54%, 68%)
CMYK
cmyk(0%, 6%, 54%, 32%)
Oklch
oklch(70.4% 0.105 101.7)

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

#F6DF91

Goose Yellow · Khaki · Lemon Cream

HEX
#F6DF91
RGB
rgb(246, 223, 145)
HSL
hsl(46, 85%, 77%)
HSB
hsb(46, 41%, 96%)
CMYK
cmyk(0%, 9%, 41%, 4%)
Oklch
oklch(90.5% 0.101 93.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3A136
3657C4

Analogous

C45C36
C3A136
9EC436

Triadic

C3A136
36C4A3
A336C4

Split-Comp.

C3A136
369EC4
5C36C4

Tetradic

C3A136
36C45C
3657C4
C4369E

Contrast Matrix WCAG 2.1 Contrast

C3A136
565F1E
908E3B
ADA250
F6DF91
—
2.8
Fail
1.4
Fail
1.1
Fail
1.9
Fail
2.8
Fail
—
2.0
Fail
2.6
Fail
5.2
AA
1.4
Fail
2.0
Fail
—
1.3
Fail
2.6
Fail
1.1
Fail
2.6
Fail
1.3
Fail
—
2.0
Fail
1.9
Fail
5.2
AA
2.6
Fail
2.0
Fail
—
White BG
2.5Fail
6.9AA
3.4AA Large
2.6Fail
1.3Fail
Black BG
8.5AAA
3.1AA Large
6.1AA
8.1AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B450
5A5A2E
8F8F4F
A8A864
ECECA4

Deuteranopia

B6B956
595932
8F8F54
A9AA69
EDEFA8

Tritanopia

C16469
563A3D
905F62
AC7477
F5B3B6

Achromatopsia

9F9F9F
555555
858585
9C9C9C
DDDDDD

Shades & Tints Shades & Tints

#C3A136

Dark
Light

#565F1E

Dark
Light

#908E3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3a136;
  --color-2: #565f1e;
  --color-3: #908e3b;
  --color-4: #ada250;
  --color-5: #f6df91;
}

SCSS

$color-1: #c3a136;
$color-2: #565f1e;
$color-3: #908e3b;
$color-4: #ada250;
$color-5: #f6df91;

TAILWIND

colors: {
  'brand-1': '#c3a136',
  'brand-2': '#565f1e',
  'brand-3': '#908e3b',
  'brand-4': '#ada250',
  'brand-5': '#f6df91',
}

RGB Array

[195, 161, 54], [86, 95, 30], [144, 142, 59], [173, 162, 80], [246, 223, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3A136, #565F1E, #908E3B, #ADA250, #F6DF91 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: #c3a136; --color-2: #565f1e; --color-3: #908e3b; --color-4: #ada250; --color-5: #f6df91. 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