#006B66 + #456967 + #706058 + #FF1919 + #333130 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#006B66

Mineral Blue · Teal · Peacock Green

HEX

#006B66

RGB

rgb(0, 107, 102)

HSL

hsl(177, 100%, 21%)

HSB

hsb(177, 100%, 42%)

CMYK

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

Oklch

oklch(47.6% 0.082 189.2)

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

#456967

Mineral Blue · DimGray · Mint Ice

HEX

#456967

RGB

rgb(69, 105, 103)

HSL

hsl(177, 21%, 34%)

HSB

hsb(177, 34%, 41%)

CMYK

cmyk(34%, 0%, 2%, 59%)

Oklch

oklch(49.3% 0.041 191.5)

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

#706058

Tangerine · DimGray · Amber Brown

HEX

#706058

RGB

rgb(112, 96, 88)

HSL

hsl(20, 12%, 39%)

HSB

hsb(20, 21%, 44%)

CMYK

cmyk(0%, 14%, 21%, 56%)

Oklch

oklch(50.2% 0.024 48.2)

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

#FF1919

Vermilion · Red · Passion Red

HEX

#FF1919

RGB

rgb(255, 25, 25)

HSL

hsl(0, 100%, 55%)

HSB

hsb(0, 90%, 100%)

CMYK

cmyk(0%, 90%, 90%, 0%)

Oklch

oklch(63.4% 0.251 28.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#333130

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#333130

RGB

rgb(51, 49, 48)

HSL

hsl(20, 3%, 19%)

HSB

hsb(20, 6%, 20%)

CMYK

cmyk(0%, 4%, 6%, 80%)

Oklch

oklch(31.5% 0.003 48.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

006B66

6B0005

Analogous

006B30

006B66

003B6B

Triadic

006B66

66006B

6B6600

Split-Comp.

006B66

6B003B

6B3000

Tetradic

006B66

30006B

6B0005

3B6B00

Contrast Matrix WCAG 2.1 Contrast

006B66	456967	706058	FF1919	333130
—	1.1 Fail	1.1 Fail	1.6 Fail	2.0 Fail
1.1 Fail	—	1.0 Fail	1.6 Fail	2.1 Fail
1.1 Fail	1.0 Fail	—	1.5 Fail	2.2 Fail
1.6 Fail	1.6 Fail	1.5 Fail	—	3.3 AA Large
2.0 Fail	2.1 Fail	2.2 Fail	3.3 AA Large	—

White BG

6.4AA

6.1AA

6.0AA

3.9AA Large

12.9AAA

Black BG

3.3AA Large

3.5AA Large

5.4AA

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2F67

555567

69695A

9B9919

323230

Deuteranopia

282068

535068

6A6B5A

A9BA19

323230

Tritanopia

056868

476868

6F5B5C

F41919

333030

Achromatopsia

4A4A4A

5E5E5E

646464

5E5E5E

313131

Shades & Tints Shades & Tints

#006B66

Dark

Light

#456967

Dark

Light

#706058

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #006b66;
  --color-2: #456967;
  --color-3: #706058;
  --color-4: #ff1919;
  --color-5: #333130;
}

SCSS

$color-1: #006b66;
$color-2: #456967;
$color-3: #706058;
$color-4: #ff1919;
$color-5: #333130;

TAILWIND

colors: {
  'brand-1': '#006b66',
  'brand-2': '#456967',
  'brand-3': '#706058',
  'brand-4': '#ff1919',
  'brand-5': '#333130',
}

RGB Array

[0, 107, 102], [69, 105, 103], [112, 96, 88], [255, 25, 25], [51, 49, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #006B66, #456967, #706058, #FF1919, #333130 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: #006b66; --color-2: #456967; --color-3: #706058; --color-4: #ff1919; --color-5: #333130. 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