← Back to Editor

#AB9B41 · #D09C80 · #557470 · #2A6960 · #030230

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

#AB9B41

Autumn Sage · GoldenRod · Honey Gold

HEX
#AB9B41
RGB
rgb(171, 155, 65)
HSL
hsl(51, 45%, 46%)
HSB
hsb(51, 62%, 67%)
CMYK
cmyk(0%, 9%, 62%, 33%)
Oklch
oklch(68.6% 0.112 99.3)

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

#D09C80

Apricot · DarkSalmon · Warm Sun

HEX
#D09C80
RGB
rgb(208, 156, 128)
HSL
hsl(21, 46%, 66%)
HSB
hsb(21, 38%, 82%)
CMYK
cmyk(0%, 25%, 38%, 18%)
Oklch
oklch(73.5% 0.074 49.5)

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

#557470

Mineral Blue · DimGray · Mint Ice

HEX
#557470
RGB
rgb(85, 116, 112)
HSL
hsl(172, 15%, 39%)
HSB
hsb(172, 27%, 45%)
CMYK
cmyk(27%, 0%, 3%, 55%)
Oklch
oklch(53.4% 0.036 186.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#2A6960

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2A6960
RGB
rgb(42, 105, 96)
HSL
hsl(171, 43%, 29%)
HSB
hsb(171, 60%, 41%)
CMYK
cmyk(60%, 0%, 9%, 59%)
Oklch
oklch(47.7% 0.066 182.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#030230

Deep Indigo · Black · Deep Sea Blue

HEX
#030230
RGB
rgb(3, 2, 48)
HSL
hsl(241, 92%, 10%)
HSB
hsb(241, 96%, 19%)
CMYK
cmyk(94%, 96%, 0%, 81%)
Oklch
oklch(15.0% 0.090 269.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB9B41
4150AA

Analogous

AA6541
AB9B41
85AA41

Triadic

AB9B41
41AA9A
9A41AA

Split-Comp.

AB9B41
4185AA
6541AA

Tetradic

AB9B41
41AA65
4150AA
AA4185

Contrast Matrix WCAG 2.1 Contrast

AB9B41
D09C80
557470
2A6960
030230
—
1.2
Fail
1.8
Fail
2.3
Fail
7.1
AAA
1.2
Fail
—
2.1
Fail
2.7
Fail
8.3
AAA
1.8
Fail
2.1
Fail
—
1.3
Fail
3.9
AA Large
2.3
Fail
2.7
Fail
1.3
Fail
—
3.1
AA Large
7.1
AAA
8.3
AAA
3.9
AA Large
3.1
AA Large
—
White BG
2.8Fail
2.4Fail
5.1AA
6.4AA
19.9AAA
Black BG
7.5AAA
8.7AAA
4.1AA Large
3.3AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A457
B9B987
626371
454662
030325

Deuteranopia

A5A65C
BDC088
615E71
423D63
030322

Tritanopia

AA686C
CD8C8D
577272
2D6464
031C1A

Achromatopsia

969696
A8A8A8
6A6A6A
555555
080808

Shades & Tints Shades & Tints

#AB9B41

Dark
Light

#D09C80

Dark
Light

#557470

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab9b41;
  --color-2: #d09c80;
  --color-3: #557470;
  --color-4: #2a6960;
  --color-5: #030230;
}

SCSS

$color-1: #ab9b41;
$color-2: #d09c80;
$color-3: #557470;
$color-4: #2a6960;
$color-5: #030230;

TAILWIND

colors: {
  'brand-1': '#ab9b41',
  'brand-2': '#d09c80',
  'brand-3': '#557470',
  'brand-4': '#2a6960',
  'brand-5': '#030230',
}

RGB Array

[171, 155, 65], [208, 156, 128], [85, 116, 112], [42, 105, 96], [3, 2, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AB9B41, #D09C80, #557470, #2A6960, #030230 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: #ab9b41; --color-2: #d09c80; --color-3: #557470; --color-4: #2a6960; --color-5: #030230. 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