#16111A + #1A223B + #123957 + #076B66 + #2A916F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#16111A

Dark Plum · Black · Dark Purple

HEX

#16111A

RGB

rgb(22, 17, 26)

HSL

hsl(273, 21%, 8%)

HSB

hsb(273, 35%, 10%)

CMYK

cmyk(15%, 35%, 0%, 90%)

Oklch

oklch(18.8% 0.019 309.7)

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

#1A223B

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#1A223B

RGB

rgb(26, 34, 59)

HSL

hsl(225, 39%, 17%)

HSB

hsb(225, 56%, 23%)

CMYK

cmyk(56%, 42%, 0%, 77%)

Oklch

oklch(25.8% 0.049 269.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#123957

Lake Blue · DarkSlateGray · Prussian Blue

HEX

#123957

RGB

rgb(18, 57, 87)

HSL

hsl(206, 66%, 21%)

HSB

hsb(206, 79%, 34%)

CMYK

cmyk(79%, 34%, 0%, 66%)

Oklch

oklch(33.3% 0.069 245.4)

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

#076B66

Mineral Blue · Teal · Peacock Green

HEX

#076B66

RGB

rgb(7, 107, 102)

HSL

hsl(177, 88%, 22%)

HSB

hsb(177, 93%, 42%)

CMYK

cmyk(93%, 0%, 5%, 58%)

Oklch

oklch(47.7% 0.081 189.1)

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

#2A916F

Mineral Blue · SeaGreen · Mint Ice

HEX

#2A916F

RGB

rgb(42, 145, 111)

HSL

hsl(160, 55%, 37%)

HSB

hsb(160, 71%, 57%)

CMYK

cmyk(71%, 0%, 23%, 43%)

Oklch

oklch(58.9% 0.107 166.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

16111A

141910

Analogous

111019

16111A

191018

Triadic

16111A

191510

101915

Split-Comp.

16111A

181910

101911

Tetradic

16111A

191110

141910

101819

Contrast Matrix WCAG 2.1 Contrast

16111A	1A223B	123957	076B66	2A916F
—	1.2 Fail	1.5 Fail	2.9 Fail	4.8 AA
1.2 Fail	—	1.3 Fail	2.5 Fail	4.0 AA Large
1.5 Fail	1.3 Fail	—	1.9 Fail	3.1 AA Large
2.9 Fail	2.5 Fail	1.9 Fail	—	1.6 Fail
4.8 AA	4.0 AA Large	3.1 AA Large	1.6 Fail	—

White BG

18.6AAA

15.7AAA

12.0AAA

6.4AA

3.9AA Large

Black BG

1.1Fail

1.3Fail

1.7Fail

3.3AA Large

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

141418

1D1E35

232350

323367

575877

Deuteranopia

141517

1D1C34

211E4E

2D2568

514979

Tritanopia

161616

1A302F

144A49

0C6868

2F7E7F

Achromatopsia

141414

222222

313131

4D4D4D

6E6E6E

Shades & Tints Shades & Tints

#16111A

Dark

Light

#1A223B

Dark

Light

#123957

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #16111a;
  --color-2: #1a223b;
  --color-3: #123957;
  --color-4: #076b66;
  --color-5: #2a916f;
}

SCSS

$color-1: #16111a;
$color-2: #1a223b;
$color-3: #123957;
$color-4: #076b66;
$color-5: #2a916f;

TAILWIND

colors: {
  'brand-1': '#16111a',
  'brand-2': '#1a223b',
  'brand-3': '#123957',
  'brand-4': '#076b66',
  'brand-5': '#2a916f',
}

RGB Array

[22, 17, 26], [26, 34, 59], [18, 57, 87], [7, 107, 102], [42, 145, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #16111A, #1A223B, #123957, #076B66, #2A916F 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: #16111a; --color-2: #1a223b; --color-3: #123957; --color-4: #076b66; --color-5: #2a916f. 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