#43214C + #353E5E + #24637D + #45906C + #84B97D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#43214C

Dark Plum · DarkSlateGray · Eggplant

HEX

#43214C

RGB

rgb(67, 33, 76)

HSL

hsl(287, 39%, 21%)

HSB

hsb(287, 57%, 30%)

CMYK

cmyk(12%, 57%, 0%, 70%)

Oklch

oklch(31.4% 0.084 318.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#353E5E

Indigo · DarkSlateGray · Prussian Blue

HEX

#353E5E

RGB

rgb(53, 62, 94)

HSL

hsl(227, 28%, 29%)

HSB

hsb(227, 44%, 37%)

CMYK

cmyk(44%, 34%, 0%, 63%)

Oklch

oklch(37.1% 0.057 271.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#24637D

Lake Blue · Teal · Mint Ice

HEX

#24637D

RGB

rgb(36, 99, 125)

HSL

hsl(198, 55%, 32%)

HSB

hsb(198, 71%, 49%)

CMYK

cmyk(71%, 21%, 0%, 51%)

Oklch

oklch(47.1% 0.076 229.0)

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

#45906C

Mineral Blue · SeaGreen · Olive Green

HEX

#45906C

RGB

rgb(69, 144, 108)

HSL

hsl(151, 35%, 42%)

HSB

hsb(151, 52%, 56%)

CMYK

cmyk(52%, 0%, 25%, 44%)

Oklch

oklch(59.5% 0.094 160.7)

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

#84B97D

Celadon · DarkSeaGreen · Apple Green

HEX

#84B97D

RGB

rgb(132, 185, 125)

HSL

hsl(113, 30%, 61%)

HSB

hsb(113, 32%, 73%)

CMYK

cmyk(29%, 0%, 32%, 27%)

Oklch

oklch(73.3% 0.101 141.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

43214C

2A4A21

Analogous

2D214A

43214C

4A213F

Triadic

43214C

4A4121

214A41

Split-Comp.

43214C

3F4A21

214A2D

Tetradic

43214C

4A2D21

2A4A21

213F4A

Contrast Matrix WCAG 2.1 Contrast

43214C	353E5E	24637D	45906C	84B97D
—	1.3 Fail	2.0 Fail	3.5 AA Large	5.9 AA
1.3 Fail	—	1.6 Fail	2.7 Fail	4.6 AA
2.0 Fail	1.6 Fail	—	1.7 Fail	2.9 Fail
3.5 AA Large	2.7 Fail	1.7 Fail	—	1.7 Fail
5.9 AA	4.6 AA	2.9 Fail	1.7 Fail	—

White BG

13.5AAA

10.5AAA

6.7AA

3.8AA Large

2.3Fail

Black BG

1.6Fail

2.0Fail

3.2AA Large

5.5AA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343442

393956

3F4077

656675

9B9B8C

Deuteranopia

36393F

383854

3C3775

615C77

98948F

Tritanopia

413938

35504F

277271

497C7D

87979A

Achromatopsia

303030

3F3F3F

535353

757575

A2A2A2

Shades & Tints Shades & Tints

#43214C

Dark

Light

#353E5E

Dark

Light

#24637D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #43214c;
  --color-2: #353e5e;
  --color-3: #24637d;
  --color-4: #45906c;
  --color-5: #84b97d;
}

SCSS

$color-1: #43214c;
$color-2: #353e5e;
$color-3: #24637d;
$color-4: #45906c;
$color-5: #84b97d;

TAILWIND

colors: {
  'brand-1': '#43214c',
  'brand-2': '#353e5e',
  'brand-3': '#24637d',
  'brand-4': '#45906c',
  'brand-5': '#84b97d',
}

RGB Array

[67, 33, 76], [53, 62, 94], [36, 99, 125], [69, 144, 108], [132, 185, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #43214C, #353E5E, #24637D, #45906C, #84B97D 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: #43214c; --color-2: #353e5e; --color-3: #24637d; --color-4: #45906c; --color-5: #84b97d. 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