#141716 + #852442 + #994A11 + #899914 + #0B562B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#141716

Ink Black · Black · Jet Black

HEX

#141716

RGB

rgb(20, 23, 22)

HSL

hsl(160, 7%, 8%)

HSB

hsb(160, 13%, 9%)

CMYK

cmyk(13%, 0%, 4%, 91%)

Oklch

oklch(20.1% 0.005 173.8)

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

#852442

Dark Violet · Brown · Camellia

HEX

#852442

RGB

rgb(133, 36, 66)

HSL

hsl(341, 57%, 33%)

HSB

hsb(341, 73%, 52%)

CMYK

cmyk(0%, 73%, 50%, 48%)

Oklch

oklch(42.2% 0.133 6.3)

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

#994A11

Tangerine · Sienna · Amber Brown

HEX

#994A11

RGB

rgb(153, 74, 17)

HSL

hsl(25, 80%, 33%)

HSB

hsb(25, 89%, 60%)

CMYK

cmyk(0%, 52%, 89%, 40%)

Oklch

oklch(50.0% 0.124 50.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#899914

Autumn Sage · Olive · Honey Gold

HEX

#899914

RGB

rgb(137, 153, 20)

HSL

hsl(67, 77%, 34%)

HSB

hsb(67, 87%, 60%)

CMYK

cmyk(10%, 0%, 87%, 40%)

Oklch

oklch(64.8% 0.144 117.1)

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

#0B562B

Pine Green · DarkGreen · Dark Green

HEX

#0B562B

RGB

rgb(11, 86, 43)

HSL

hsl(146, 77%, 19%)

HSB

hsb(146, 87%, 34%)

CMYK

cmyk(87%, 0%, 50%, 66%)

Oklch

oklch(39.9% 0.099 152.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

141716

161314

Analogous

131613

141716

131516

Triadic

141716

151316

161513

Split-Comp.

141716

161315

161313

Tetradic

141716

131316

161314

151613

Contrast Matrix WCAG 2.1 Contrast

141716	852442	994A11	899914	0B562B
—	2.0 Fail	2.9 Fail	5.7 AA	2.0 Fail
2.0 Fail	—	1.4 Fail	2.8 Fail	1.0 Fail
2.9 Fail	1.4 Fail	—	2.0 Fail	1.4 Fail
5.7 AA	2.8 Fail	2.0 Fail	—	2.8 Fail
2.0 Fail	1.0 Fail	1.4 Fail	2.8 Fail	—

White BG

18.0AAA

9.0AAA

6.3AA

3.2AA Large

8.8AAA

Black BG

1.2Fail

2.3Fail

3.3AA Large

6.6AA

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

151516

5B5A3B

77761F

909034

2B2C35

Deuteranopia

151516

616839

7B8122

8F8E3C

272238

Tritanopia

141616

803534

952A2C

8A4E53

0F3E3F

Achromatopsia

161616

444444

5B5B5B

858585

3B3B3B

Shades & Tints Shades & Tints

#141716

Dark

Light

#852442

Dark

Light

#994A11

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #141716;
  --color-2: #852442;
  --color-3: #994a11;
  --color-4: #899914;
  --color-5: #0b562b;
}

SCSS

$color-1: #141716;
$color-2: #852442;
$color-3: #994a11;
$color-4: #899914;
$color-5: #0b562b;

TAILWIND

colors: {
  'brand-1': '#141716',
  'brand-2': '#852442',
  'brand-3': '#994a11',
  'brand-4': '#899914',
  'brand-5': '#0b562b',
}

RGB Array

[20, 23, 22], [133, 36, 66], [153, 74, 17], [137, 153, 20], [11, 86, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #141716, #852442, #994A11, #899914, #0B562B is ideal for: tech websites, dark mode UIs, game UIs. 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: #141716; --color-2: #852442; --color-3: #994a11; --color-4: #899914; --color-5: #0b562b. 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 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