#006359 + #3C6359 + #4F6359 + #5F6359 + #6F6359 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#006359

Mineral Blue · Teal · Peacock Green

HEX

#006359

RGB

rgb(0, 99, 89)

HSL

hsl(174, 100%, 19%)

HSB

hsb(174, 100%, 39%)

CMYK

cmyk(100%, 0%, 10%, 61%)

Oklch

oklch(44.9% 0.080 183.0)

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

#3C6359

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#3C6359

RGB

rgb(60, 99, 89)

HSL

hsl(165, 25%, 31%)

HSB

hsb(165, 39%, 39%)

CMYK

cmyk(39%, 0%, 10%, 61%)

Oklch

oklch(46.7% 0.047 176.0)

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

#4F6359

Mineral Blue · DimGray · Forest Green

HEX

#4F6359

RGB

rgb(79, 99, 89)

HSL

hsl(150, 11%, 35%)

HSB

hsb(150, 20%, 39%)

CMYK

cmyk(20%, 0%, 10%, 61%)

Oklch

oklch(48.0% 0.029 163.4)

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

#5F6359

Ink Gray · DimGray · Charcoal

HEX

#5F6359

RGB

rgb(95, 99, 89)

HSL

hsl(84, 5%, 37%)

HSB

hsb(84, 10%, 39%)

CMYK

cmyk(4%, 0%, 10%, 61%)

Oklch

oklch(49.3% 0.016 124.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#6F6359

Tangerine · DimGray · Amber Brown

HEX

#6F6359

RGB

rgb(111, 99, 89)

HSL

hsl(27, 11%, 39%)

HSB

hsb(27, 20%, 44%)

CMYK

cmyk(0%, 11%, 20%, 56%)

Oklch

oklch(50.8% 0.022 62.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

006359

61000A

Analogous

006127

006359

003A61

Triadic

006359

570061

615700

Split-Comp.

006359

61003A

612700

Tetradic

006359

270061

61000A

3A6100

Contrast Matrix WCAG 2.1 Contrast

006359	3C6359	4F6359	5F6359	6F6359
—	1.1 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

7.2AAA

6.7AA

6.4AA

6.1AA

5.8AA

Black BG

2.9Fail

3.1AA Large

3.3AA Large

3.4AA Large

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2C5B

4D4D5B

58585B

61615B

6A6A5B

Deuteranopia

251E5C

4B485C

57555C

61605C

6B6B5C

Tritanopia

055D5E

3E5D5E

505D5E

5F5D5E

6E5D5E

Achromatopsia

444444

565656

5C5C5C

616161

656565

Shades & Tints Shades & Tints

#006359

Dark

Light

#3C6359

Dark

Light

#4F6359

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #006359;
  --color-2: #3c6359;
  --color-3: #4f6359;
  --color-4: #5f6359;
  --color-5: #6f6359;
}

SCSS

$color-1: #006359;
$color-2: #3c6359;
$color-3: #4f6359;
$color-4: #5f6359;
$color-5: #6f6359;

TAILWIND

colors: {
  'brand-1': '#006359',
  'brand-2': '#3c6359',
  'brand-3': '#4f6359',
  'brand-4': '#5f6359',
  'brand-5': '#6f6359',
}

RGB Array

[0, 99, 89], [60, 99, 89], [79, 99, 89], [95, 99, 89], [111, 99, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #006359, #3C6359, #4F6359, #5F6359, #6F6359 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: #006359; --color-2: #3c6359; --color-3: #4f6359; --color-4: #5f6359; --color-5: #6f6359. 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