#3C967D + #1C5856 + #1E2B2F + #932723 + #B82C15 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3C967D

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#3C967D

RGB

rgb(60, 150, 125)

HSL

hsl(163, 43%, 41%)

HSB

hsb(163, 60%, 59%)

CMYK

cmyk(60%, 0%, 17%, 41%)

Oklch

oklch(61.2% 0.094 171.9)

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

#1C5856

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#1C5856

RGB

rgb(28, 88, 86)

HSL

hsl(178, 52%, 23%)

HSB

hsb(178, 68%, 35%)

CMYK

cmyk(68%, 0%, 2%, 65%)

Oklch

oklch(42.2% 0.061 192.0)

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

#1E2B2F

Slate Blue · DarkSlateGray · Peacock Green

HEX

#1E2B2F

RGB

rgb(30, 43, 47)

HSL

hsl(194, 22%, 15%)

HSB

hsb(194, 36%, 18%)

CMYK

cmyk(36%, 9%, 0%, 82%)

Oklch

oklch(27.9% 0.019 218.7)

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

#932723

Vermilion · Brown · Wine Red

HEX

#932723

RGB

rgb(147, 39, 35)

HSL

hsl(2, 62%, 36%)

HSB

hsb(2, 76%, 58%)

CMYK

cmyk(0%, 73%, 76%, 42%)

Oklch

oklch(44.4% 0.144 27.0)

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

#B82C15

Vermilion · FireBrick · Wine Red

HEX

#B82C15

RGB

rgb(184, 44, 21)

HSL

hsl(8, 80%, 40%)

HSB

hsb(8, 89%, 72%)

CMYK

cmyk(0%, 76%, 89%, 28%)

Oklch

oklch(51.5% 0.180 31.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C967D

963C55

Analogous

3C964F

3C967D

3C8296

Triadic

3C967D

7C3C96

967C3C

Split-Comp.

3C967D

963C82

964F3C

Tetradic

3C967D

4F3C96

963C55

82963C

Contrast Matrix WCAG 2.1 Contrast

3C967D	1C5856	1E2B2F	932723	B82C15
—	2.3 Fail	4.1 AA Large	2.3 Fail	1.7 Fail
2.3 Fail	—	1.8 Fail	1.0 Fail	1.3 Fail
4.1 AA Large	1.8 Fail	—	1.8 Fail	2.4 Fail
2.3 Fail	1.0 Fail	1.8 Fail	—	1.3 Fail
1.7 Fail	1.3 Fail	2.4 Fail	1.3 Fail	—

White BG

3.6AA Large

8.1AAA

14.6AAA

8.2AAA

6.2AA

Black BG

5.9AA

2.6Fail

1.4Fail

2.6Fail

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

636483

363756

24242E

646324

7B7A1B

Deuteranopia

5E5785

332E57

23222E

6B7324

848E1C

Tritanopia

418889

1F5757

1F2D2D

8E2525

B11F20

Achromatopsia

787878

464646

282828

474747

535353

Shades & Tints Shades & Tints

#3C967D

Dark

Light

#1C5856

Dark

Light

#1E2B2F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c967d;
  --color-2: #1c5856;
  --color-3: #1e2b2f;
  --color-4: #932723;
  --color-5: #b82c15;
}

SCSS

$color-1: #3c967d;
$color-2: #1c5856;
$color-3: #1e2b2f;
$color-4: #932723;
$color-5: #b82c15;

TAILWIND

colors: {
  'brand-1': '#3c967d',
  'brand-2': '#1c5856',
  'brand-3': '#1e2b2f',
  'brand-4': '#932723',
  'brand-5': '#b82c15',
}

RGB Array

[60, 150, 125], [28, 88, 86], [30, 43, 47], [147, 39, 35], [184, 44, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C967D, #1C5856, #1E2B2F, #932723, #B82C15 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: #3c967d; --color-2: #1c5856; --color-3: #1e2b2f; --color-4: #932723; --color-5: #b82c15. 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