← Back to Editor

#A9C497 · #B3B65F · #B9982F · #B23E25 · #3A2426

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

#A9C497

Celadon · DarkSeaGreen · Apple Green

HEX
#A9C497
RGB
rgb(169, 196, 151)
HSL
hsl(96, 28%, 68%)
HSB
hsb(96, 23%, 77%)
CMYK
cmyk(14%, 0%, 23%, 23%)
Oklch
oklch(78.8% 0.069 133.1)

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

#B3B65F

Autumn Sage · Tan · Sunflower

HEX
#B3B65F
RGB
rgb(179, 182, 95)
HSL
hsl(62, 37%, 54%)
HSB
hsb(62, 48%, 71%)
CMYK
cmyk(2%, 0%, 48%, 29%)
Oklch
oklch(75.5% 0.111 110.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B9982F

Ochre · GoldenRod · Honey Gold

HEX
#B9982F
RGB
rgb(185, 152, 47)
HSL
hsl(46, 59%, 45%)
HSB
hsb(46, 75%, 73%)
CMYK
cmyk(0%, 18%, 75%, 27%)
Oklch
oklch(69.2% 0.125 90.7)

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

#B23E25

Vermilion · Brown · Passion Red

HEX
#B23E25
RGB
rgb(178, 62, 37)
HSL
hsl(11, 66%, 42%)
HSB
hsb(11, 79%, 70%)
CMYK
cmyk(0%, 65%, 79%, 30%)
Oklch
oklch(52.5% 0.156 33.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#3A2426

Crimson · DarkSlateGray · Deep Berry

HEX
#3A2426
RGB
rgb(58, 36, 38)
HSL
hsl(355, 23%, 18%)
HSB
hsb(355, 38%, 23%)
CMYK
cmyk(0%, 38%, 34%, 77%)
Oklch
oklch(28.9% 0.034 13.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9C497
B297C4

Analogous

C0C497
A9C497
97C49B

Triadic

A9C497
97A9C4
C497A9

Split-Comp.

A9C497
9B97C4
C497C0

Tetradic

A9C497
97C0C4
B297C4
C49B97

Contrast Matrix WCAG 2.1 Contrast

A9C497
B3B65F
B9982F
B23E25
3A2426
—
1.1
Fail
1.5
Fail
3.1
AA Large
7.6
AAA
1.1
Fail
—
1.3
Fail
2.7
Fail
6.7
AA
1.5
Fail
1.3
Fail
—
2.1
Fail
5.2
AA
3.1
AA Large
2.7
Fail
2.1
Fail
—
2.5
Fail
7.6
AAA
6.7
AA
5.2
AA
2.5
Fail
—
White BG
1.9Fail
2.1Fail
2.8Fail
5.8AA
14.4AAA
Black BG
11.0AAA
9.8AAA
7.6AAA
3.6AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5A2
B4B474
ABAA48
807F2B
303026

Deuteranopia

B3B1A5
B4B479
ADAF4F
878F2D
323325

Tritanopia

AAAAAC
B38588
B75C61
AC3031
392525

Achromatopsia

B7B7B7
ABABAB
969696
5E5E5E
2B2B2B

Shades & Tints Shades & Tints

#A9C497

Dark
Light

#B3B65F

Dark
Light

#B9982F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9c497;
  --color-2: #b3b65f;
  --color-3: #b9982f;
  --color-4: #b23e25;
  --color-5: #3a2426;
}

SCSS

$color-1: #a9c497;
$color-2: #b3b65f;
$color-3: #b9982f;
$color-4: #b23e25;
$color-5: #3a2426;

TAILWIND

colors: {
  'brand-1': '#a9c497',
  'brand-2': '#b3b65f',
  'brand-3': '#b9982f',
  'brand-4': '#b23e25',
  'brand-5': '#3a2426',
}

RGB Array

[169, 196, 151], [179, 182, 95], [185, 152, 47], [178, 62, 37], [58, 36, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9C497, #B3B65F, #B9982F, #B23E25, #3A2426 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: #a9c497; --color-2: #b3b65f; --color-3: #b9982f; --color-4: #b23e25; --color-5: #3a2426. 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