← Back to Editor

#131D1E · #6B8B86 · #C9C8B3 · #BB1219 · #141010

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 ThemeCorporateData Visualization

Color Details Color Details

#131D1E

Slate Blue · Black · Peacock Green

HEX
#131D1E
RGB
rgb(19, 29, 30)
HSL
hsl(185, 22%, 10%)
HSB
hsb(185, 37%, 12%)
CMYK
cmyk(37%, 3%, 0%, 88%)
Oklch
oklch(22.2% 0.015 203.8)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#6B8B86

Mineral Blue · SlateGray · Mint Ice

HEX
#6B8B86
RGB
rgb(107, 139, 134)
HSL
hsl(171, 13%, 48%)
HSB
hsb(171, 23%, 55%)
CMYK
cmyk(23%, 0%, 4%, 45%)
Oklch
oklch(61.1% 0.037 184.5)

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

#C9C8B3

Fresh Green · Silver · Sunflower

HEX
#C9C8B3
RGB
rgb(201, 200, 179)
HSL
hsl(57, 17%, 75%)
HSB
hsb(57, 11%, 79%)
CMYK
cmyk(0%, 0%, 11%, 21%)
Oklch
oklch(82.8% 0.029 104.8)

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

#BB1219

Vermilion · FireBrick · Wine Red

HEX
#BB1219
RGB
rgb(187, 18, 25)
HSL
hsl(358, 82%, 40%)
HSB
hsb(358, 90%, 73%)
CMYK
cmyk(0%, 90%, 87%, 27%)
Oklch
oklch(50.4% 0.197 27.0)

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

#141010

Crimson · Black · Deep Berry

HEX
#141010
RGB
rgb(20, 16, 16)
HSL
hsl(0, 11%, 7%)
HSB
hsb(0, 20%, 8%)
CMYK
cmyk(0%, 20%, 20%, 92%)
Oklch
oklch(17.8% 0.007 17.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

131D1E
1F1514

Analogous

141F1A
131D1E
14191F

Triadic

131D1E
1F141E
1E1F14

Split-Comp.

131D1E
1F1419
1F1A14

Tetradic

131D1E
1A141F
1F1514
191F14

Contrast Matrix WCAG 2.1 Contrast

131D1E
6B8B86
C9C8B3
BB1219
141010
—
4.6
AA
10.1
AAA
2.6
Fail
1.1
Fail
4.6
AA
—
2.2
Fail
1.8
Fail
5.1
AA
10.1
AAA
2.2
Fail
—
3.9
AA Large
11.2
AAA
2.6
Fail
1.8
Fail
3.9
AA Large
—
2.9
Fail
1.1
Fail
5.1
AA
11.2
AAA
2.9
Fail
—
White BG
17.2AAA
3.7AA Large
1.7Fail
6.5AA
18.9AAA
Black BG
1.2Fail
5.7AA
12.4AAA
3.2AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

17171E
797987
C9C9B8
727017
121210

Deuteranopia

17161E
777588
C9C9B9
7C8817
131310

Tritanopia

141E1E
6D8888
C9BCBD
B31616
141010

Achromatopsia

1A1A1A
818181
C6C6C6
454545
111111

Shades & Tints Shades & Tints

#131D1E

Dark
Light

#6B8B86

Dark
Light

#C9C8B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #131d1e;
  --color-2: #6b8b86;
  --color-3: #c9c8b3;
  --color-4: #bb1219;
  --color-5: #141010;
}

SCSS

$color-1: #131d1e;
$color-2: #6b8b86;
$color-3: #c9c8b3;
$color-4: #bb1219;
$color-5: #141010;

TAILWIND

colors: {
  'brand-1': '#131d1e',
  'brand-2': '#6b8b86',
  'brand-3': '#c9c8b3',
  'brand-4': '#bb1219',
  'brand-5': '#141010',
}

RGB Array

[19, 29, 30], [107, 139, 134], [201, 200, 179], [187, 18, 25], [20, 16, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #131D1E, #6B8B86, #C9C8B3, #BB1219, #141010 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: #131d1e; --color-2: #6b8b86; --color-3: #c9c8b3; --color-4: #bb1219; --color-5: #141010. 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