← Back to Editor

#160D10 · #ACCAB0 · #43605B · #2E3B43 · #1C1423

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

#160D10

Dark Violet · Black · Raspberry

HEX
#160D10
RGB
rgb(22, 13, 16)
HSL
hsl(340, 26%, 7%)
HSB
hsb(340, 41%, 9%)
CMYK
cmyk(0%, 41%, 27%, 91%)
Oklch
oklch(17.3% 0.016 357.2)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#ACCAB0

Celadon · Silver · Apple Green

HEX
#ACCAB0
RGB
rgb(172, 202, 176)
HSL
hsl(128, 22%, 73%)
HSB
hsb(128, 15%, 79%)
CMYK
cmyk(15%, 0%, 13%, 21%)
Oklch
oklch(81.0% 0.048 148.9)

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

#43605B

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#43605B
RGB
rgb(67, 96, 91)
HSL
hsl(170, 18%, 32%)
HSB
hsb(170, 30%, 38%)
CMYK
cmyk(30%, 0%, 5%, 62%)
Oklch
oklch(46.5% 0.035 182.9)

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

#2E3B43

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2E3B43
RGB
rgb(46, 59, 67)
HSL
hsl(203, 19%, 22%)
HSB
hsb(203, 31%, 26%)
CMYK
cmyk(31%, 12%, 0%, 74%)
Oklch
oklch(34.4% 0.022 235.3)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#1C1423

Dark Plum · Black · Dark Purple

HEX
#1C1423
RGB
rgb(28, 20, 35)
HSL
hsl(272, 27%, 11%)
HSB
hsb(272, 43%, 14%)
CMYK
cmyk(20%, 43%, 0%, 86%)
Oklch
oklch(20.9% 0.031 308.3)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

160D10
0D1613

Analogous

160D15
160D10
160F0D

Triadic

160D10
10160D
0D1016

Split-Comp.

160D10
0D160F
0D1516

Tetradic

160D10
15160D
0D1613
0F0D16

Contrast Matrix WCAG 2.1 Contrast

160D10
ACCAB0
43605B
2E3B43
1C1423
—
10.8
AAA
2.8
Fail
1.7
Fail
1.1
Fail
10.8
AAA
—
3.9
AA Large
6.5
AA
10.1
AAA
2.8
Fail
3.9
AA Large
—
1.7
Fail
2.6
Fail
1.7
Fail
6.5
AA
1.7
Fail
—
1.6
Fail
1.1
Fail
10.1
AAA
2.6
Fail
1.6
Fail
—
White BG
19.1AAA
1.8Fail
6.9AA
11.5AAA
17.9AAA
Black BG
1.1Fail
11.8AAA
3.1AA Large
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

12120F
B9B9B6
50505C
343441
19181F

Deuteranopia

13130F
B7B5B8
4E4C5D
333241
191A1F

Tritanopia

160F0F
AEBBBC
445D5D
2F403F
1C1D1C

Achromatopsia

101010
BEBEBE
575757
383838
181818

Shades & Tints Shades & Tints

#160D10

Dark
Light

#ACCAB0

Dark
Light

#43605B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #160d10;
  --color-2: #accab0;
  --color-3: #43605b;
  --color-4: #2e3b43;
  --color-5: #1c1423;
}

SCSS

$color-1: #160d10;
$color-2: #accab0;
$color-3: #43605b;
$color-4: #2e3b43;
$color-5: #1c1423;

TAILWIND

colors: {
  'brand-1': '#160d10',
  'brand-2': '#accab0',
  'brand-3': '#43605b',
  'brand-4': '#2e3b43',
  'brand-5': '#1c1423',
}

RGB Array

[22, 13, 16], [172, 202, 176], [67, 96, 91], [46, 59, 67], [28, 20, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #160D10, #ACCAB0, #43605B, #2E3B43, #1C1423 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: #160d10; --color-2: #accab0; --color-3: #43605b; --color-4: #2e3b43; --color-5: #1c1423. 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