#0D644F + #1A4751 + #164D58 + #195D5E + #849794 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0D644F

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#0D644F

RGB

rgb(13, 100, 79)

HSL

hsl(166, 77%, 22%)

HSB

hsb(166, 87%, 39%)

CMYK

cmyk(87%, 0%, 21%, 61%)

Oklch

oklch(45.0% 0.084 171.1)

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

#1A4751

Lake Blue · DarkSlateGray · Peacock Green

HEX

#1A4751

RGB

rgb(26, 71, 81)

HSL

hsl(191, 51%, 21%)

HSB

hsb(191, 68%, 32%)

CMYK

cmyk(68%, 12%, 0%, 68%)

Oklch

oklch(37.1% 0.051 214.8)

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

#164D58

Lake Blue · DarkSlateGray · Peacock Green

HEX

#164D58

RGB

rgb(22, 77, 88)

HSL

hsl(190, 60%, 22%)

HSB

hsb(190, 75%, 35%)

CMYK

cmyk(75%, 12%, 0%, 65%)

Oklch

oklch(39.0% 0.059 213.7)

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

#195D5E

Lake Blue · DarkSlateGray · Peacock Green

HEX

#195D5E

RGB

rgb(25, 93, 94)

HSL

hsl(181, 58%, 23%)

HSB

hsb(181, 73%, 37%)

CMYK

cmyk(73%, 1%, 0%, 63%)

Oklch

oklch(43.8% 0.065 196.5)

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

#849794

Mineral Blue · LightSlateGray · Warm Gray

HEX

#849794

RGB

rgb(132, 151, 148)

HSL

hsl(171, 8%, 55%)

HSB

hsb(171, 13%, 59%)

CMYK

cmyk(13%, 0%, 2%, 41%)

Oklch

oklch(66.0% 0.022 185.2)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D644F

630D21

Analogous

0D6324

0D644F

0D4C63

Triadic

0D644F

4F0D63

634F0D

Split-Comp.

0D644F

630D4C

63240D

Tetradic

0D644F

240D63

630D21

4C630D

Contrast Matrix WCAG 2.1 Contrast

0D644F	1A4751	164D58	195D5E	849794
—	1.4 Fail	1.3 Fail	1.1 Fail	2.3 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	3.3 AA Large
1.3 Fail	1.1 Fail	—	1.2 Fail	3.1 AA Large
1.1 Fail	1.3 Fail	1.2 Fail	—	2.5 Fail
2.3 Fail	3.3 AA Large	3.1 AA Large	2.5 Fail	—

White BG

7.1AAA

10.2AAA

9.4AAA

7.6AAA

3.1AA Large

Black BG

3.0Fail

2.1Fail

2.2Fail

2.8Fail

6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333354

2D2E4F

2E2E55

36375E

8C8C95

Deuteranopia

2E2755

2B284E

2B2755

332D5E

8B8A95

Tritanopia

115859

1C4D4C

195353

1C5E5E

859595

Achromatopsia

484848

3B3B3B

3E3E3E

494949

919191

Shades & Tints Shades & Tints

#0D644F

Dark

Light

#1A4751

Dark

Light

#164D58

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d644f;
  --color-2: #1a4751;
  --color-3: #164d58;
  --color-4: #195d5e;
  --color-5: #849794;
}

SCSS

$color-1: #0d644f;
$color-2: #1a4751;
$color-3: #164d58;
$color-4: #195d5e;
$color-5: #849794;

TAILWIND

colors: {
  'brand-1': '#0d644f',
  'brand-2': '#1a4751',
  'brand-3': '#164d58',
  'brand-4': '#195d5e',
  'brand-5': '#849794',
}

RGB Array

[13, 100, 79], [26, 71, 81], [22, 77, 88], [25, 93, 94], [132, 151, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0D644F, #1A4751, #164D58, #195D5E, #849794 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: #0d644f; --color-2: #1a4751; --color-3: #164d58; --color-4: #195d5e; --color-5: #849794. 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