#16605F + #00564B + #2E3C18 + #483D1D + #30121E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#16605F

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#16605F

RGB

rgb(22, 96, 95)

HSL

hsl(179, 63%, 23%)

HSB

hsb(179, 77%, 38%)

CMYK

cmyk(77%, 0%, 1%, 62%)

Oklch

oklch(44.6% 0.069 193.6)

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

#00564B

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#00564B

RGB

rgb(0, 86, 75)

HSL

hsl(172, 100%, 17%)

HSB

hsb(172, 100%, 34%)

CMYK

cmyk(100%, 0%, 13%, 66%)

Oklch

oklch(40.6% 0.074 180.3)

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

#2E3C18

Grass Green · DarkSlateGray · Dark Green

HEX

#2E3C18

RGB

rgb(46, 60, 24)

HSL

hsl(83, 43%, 16%)

HSB

hsb(83, 60%, 24%)

CMYK

cmyk(23%, 0%, 60%, 76%)

Oklch

oklch(33.4% 0.060 127.0)

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

#483D1D

Ochre · DarkOliveGreen · Amber Gold

HEX

#483D1D

RGB

rgb(72, 61, 29)

HSL

hsl(45, 43%, 20%)

HSB

hsb(45, 60%, 28%)

CMYK

cmyk(0%, 15%, 60%, 72%)

Oklch

oklch(36.4% 0.050 90.8)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#30121E

Dark Violet · Black · Raspberry

HEX

#30121E

RGB

rgb(48, 18, 30)

HSL

hsl(336, 45%, 13%)

HSB

hsb(336, 63%, 19%)

CMYK

cmyk(0%, 63%, 37%, 81%)

Oklch

oklch(23.3% 0.052 356.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

16605F

601617

Analogous

166039

16605F

163C60

Triadic

16605F

5E1660

605E16

Split-Comp.

16605F

60163C

603916

Tetradic

16605F

391660

601617

3C6016

Contrast Matrix WCAG 2.1 Contrast

16605F	00564B	2E3C18	483D1D	30121E
—	1.2 Fail	1.6 Fail	1.5 Fail	2.3 Fail
1.2 Fail	—	1.4 Fail	1.2 Fail	2.0 Fail
1.6 Fail	1.4 Fail	—	1.1 Fail	1.4 Fail
1.5 Fail	1.2 Fail	1.1 Fail	—	1.6 Fail
2.3 Fail	2.0 Fail	1.4 Fail	1.6 Fail	—

White BG

7.3AAA

8.6AAA

11.8AAA

10.7AAA

17.1AAA

Black BG

2.9Fail

2.4Fail

1.8Fail

2.0Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

36375F

25264E

343421

434325

23231B

Deuteranopia

322C5F

201A4E

333223

444527

25271A

Tritanopia

1A5F5F

045050

2F2829

472B2C

2E1918

Achromatopsia

4A4A4A

3B3B3B

343434

3D3D3D

1C1C1C

Shades & Tints Shades & Tints

#16605F

Dark

Light

#00564B

Dark

Light

#2E3C18

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #16605f;
  --color-2: #00564b;
  --color-3: #2e3c18;
  --color-4: #483d1d;
  --color-5: #30121e;
}

SCSS

$color-1: #16605f;
$color-2: #00564b;
$color-3: #2e3c18;
$color-4: #483d1d;
$color-5: #30121e;

TAILWIND

colors: {
  'brand-1': '#16605f',
  'brand-2': '#00564b',
  'brand-3': '#2e3c18',
  'brand-4': '#483d1d',
  'brand-5': '#30121e',
}

RGB Array

[22, 96, 95], [0, 86, 75], [46, 60, 24], [72, 61, 29], [48, 18, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #16605F, #00564B, #2E3C18, #483D1D, #30121E 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: #16605f; --color-2: #00564b; --color-3: #2e3c18; --color-4: #483d1d; --color-5: #30121e. 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