← Back to Editor

#A88B8D · #0E100F · #273524 · #A3AB60 · #BBB67E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#A88B8D

Crimson · DarkGray · Passion Red

HEX
#A88B8D
RGB
rgb(168, 139, 141)
HSL
hsl(356, 14%, 60%)
HSB
hsb(356, 17%, 66%)
CMYK
cmyk(0%, 17%, 16%, 34%)
Oklch
oklch(66.4% 0.035 13.4)

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

#0E100F

Ink Black · Black · Jet Black

HEX
#0E100F
RGB
rgb(14, 16, 15)
HSL
hsl(150, 7%, 6%)
HSB
hsb(150, 13%, 6%)
CMYK
cmyk(12%, 0%, 6%, 94%)
Oklch
oklch(17.0% 0.004 164.5)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#273524

Celadon · DarkSlateGray · Dark Green

HEX
#273524
RGB
rgb(39, 53, 36)
HSL
hsl(109, 19%, 17%)
HSB
hsb(109, 32%, 21%)
CMYK
cmyk(26%, 0%, 32%, 79%)
Oklch
oklch(31.1% 0.035 140.1)

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

#A3AB60

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A3AB60
RGB
rgb(163, 171, 96)
HSL
hsl(66, 31%, 52%)
HSB
hsb(66, 44%, 67%)
CMYK
cmyk(5%, 0%, 44%, 33%)
Oklch
oklch(71.8% 0.099 113.9)

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

#BBB67E

Fresh Green · Tan · Sunflower

HEX
#BBB67E
RGB
rgb(187, 182, 126)
HSL
hsl(55, 31%, 61%)
HSB
hsb(55, 33%, 73%)
CMYK
cmyk(0%, 3%, 33%, 27%)
Oklch
oklch(76.7% 0.075 103.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A88B8D
8BA7A5

Analogous

A78B9B
A88B8D
A7978B

Triadic

A88B8D
8DA78B
8B8DA7

Split-Comp.

A88B8D
8BA797
8B9BA7

Tetradic

A88B8D
9BA78B
8BA7A5
978BA7

Contrast Matrix WCAG 2.1 Contrast

A88B8D
0E100F
273524
A3AB60
BBB67E
—
6.1
AA
4.2
AA Large
1.3
Fail
1.5
Fail
6.1
AA
—
1.5
Fail
7.8
AAA
9.2
AAA
4.2
AA Large
1.5
Fail
—
5.3
AA
6.2
AA
1.3
Fail
7.8
AAA
5.3
AA
—
1.2
Fail
1.5
Fail
9.2
AAA
6.2
AA
1.2
Fail
—
White BG
3.1AA Large
19.1AAA
13.0AAA
2.5Fail
2.1Fail
Black BG
6.7AA
1.1Fail
1.6Fail
8.6AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B8D
0F0F0F
2D2D28
A6A772
B9B98C

Deuteranopia

9D9F8C
0F0F0F
2C2B29
A6A576
B9BA8F

Tritanopia

A78C8C
0E0F0F
282B2C
A38084
BB9699

Achromatopsia

949494
0F0F0F
2F2F2F
A0A0A0
B1B1B1

Shades & Tints Shades & Tints

#A88B8D

Dark
Light

#0E100F

Dark
Light

#273524

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a88b8d;
  --color-2: #0e100f;
  --color-3: #273524;
  --color-4: #a3ab60;
  --color-5: #bbb67e;
}

SCSS

$color-1: #a88b8d;
$color-2: #0e100f;
$color-3: #273524;
$color-4: #a3ab60;
$color-5: #bbb67e;

TAILWIND

colors: {
  'brand-1': '#a88b8d',
  'brand-2': '#0e100f',
  'brand-3': '#273524',
  'brand-4': '#a3ab60',
  'brand-5': '#bbb67e',
}

RGB Array

[168, 139, 141], [14, 16, 15], [39, 53, 36], [163, 171, 96], [187, 182, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A88B8D, #0E100F, #273524, #A3AB60, #BBB67E is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a88b8d; --color-2: #0e100f; --color-3: #273524; --color-4: #a3ab60; --color-5: #bbb67e. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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