← Back to Editor

#6D6F8C · #737D66 · #848F4D · #B0AD15 · #19191A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#6D6F8C

Indigo · SlateGray · Navy Blue

HEX
#6D6F8C
RGB
rgb(109, 111, 140)
HSL
hsl(236, 12%, 49%)
HSB
hsb(236, 22%, 55%)
CMYK
cmyk(22%, 21%, 0%, 45%)
Oklch
oklch(55.1% 0.045 281.7)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#737D66

Grass Green · DimGray · Olive Green

HEX
#737D66
RGB
rgb(115, 125, 102)
HSL
hsl(86, 10%, 45%)
HSB
hsb(86, 18%, 49%)
CMYK
cmyk(8%, 0%, 18%, 51%)
Oklch
oklch(57.5% 0.036 126.7)

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

#848F4D

Grass Green · Gray · Olive Green

HEX
#848F4D
RGB
rgb(132, 143, 77)
HSL
hsl(70, 30%, 43%)
HSB
hsb(70, 46%, 56%)
CMYK
cmyk(8%, 0%, 46%, 44%)
Oklch
oklch(62.6% 0.091 116.9)

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

#B0AD15

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B0AD15
RGB
rgb(176, 173, 21)
HSL
hsl(59, 79%, 39%)
HSB
hsb(59, 88%, 69%)
CMYK
cmyk(0%, 2%, 88%, 31%)
Oklch
oklch(72.7% 0.153 108.4)

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

#19191A

Ink Black · Black · Jet Black

HEX
#19191A
RGB
rgb(25, 25, 26)
HSL
hsl(240, 2%, 10%)
HSB
hsb(240, 4%, 10%)
CMYK
cmyk(4%, 4%, 0%, 90%)
Oklch
oklch(21.4% 0.002 286.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D6F8C
8C8A6E

Analogous

6E7F8C
6D6F8C
7B6E8C

Triadic

6D6F8C
8C6E70
708C6E

Split-Comp.

6D6F8C
8C7B6E
7F8C6E

Tetradic

6D6F8C
8C6E7F
8C8A6E
6E8C7B

Contrast Matrix WCAG 2.1 Contrast

6D6F8C
737D66
848F4D
B0AD15
19191A
—
1.1
Fail
1.4
Fail
2.1
Fail
3.6
AA Large
1.1
Fail
—
1.2
Fail
1.8
Fail
4.1
AA Large
1.4
Fail
1.2
Fail
—
1.5
Fail
5.0
AA
2.1
Fail
1.8
Fail
1.5
Fail
—
7.4
AAA
3.6
AA Large
4.1
AA Large
5.0
AA
7.4
AAA
—
White BG
4.9AA
4.3AA Large
3.5AA Large
2.4Fail
17.6AAA
Black BG
4.3AA Large
4.9AA
6.0AA
8.8AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E85
77776C
89895D
AFAF3A
19191A

Deuteranopia

6E6E83
77766D
888761
AFAF43
19191A

Tritanopia

6D7F7E
747071
856A6C
B0575D
191A1A

Achromatopsia

727272
777777
848484
9D9D9D
191919

Shades & Tints Shades & Tints

#6D6F8C

Dark
Light

#737D66

Dark
Light

#848F4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d6f8c;
  --color-2: #737d66;
  --color-3: #848f4d;
  --color-4: #b0ad15;
  --color-5: #19191a;
}

SCSS

$color-1: #6d6f8c;
$color-2: #737d66;
$color-3: #848f4d;
$color-4: #b0ad15;
$color-5: #19191a;

TAILWIND

colors: {
  'brand-1': '#6d6f8c',
  'brand-2': '#737d66',
  'brand-3': '#848f4d',
  'brand-4': '#b0ad15',
  'brand-5': '#19191a',
}

RGB Array

[109, 111, 140], [115, 125, 102], [132, 143, 77], [176, 173, 21], [25, 25, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D6F8C, #737D66, #848F4D, #B0AD15, #19191A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #6d6f8c; --color-2: #737d66; --color-3: #848f4d; --color-4: #b0ad15; --color-5: #19191a. 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. 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