#44AE9F + #8B6F94 + #9C3381 + #6B325D + #1E2925 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#44AE9F

Mineral Blue · CadetBlue · Mint Ice

HEX

#44AE9F

RGB

rgb(68, 174, 159)

HSL

hsl(172, 44%, 47%)

HSB

hsb(172, 61%, 68%)

CMYK

cmyk(61%, 0%, 9%, 32%)

Oklch

oklch(68.6% 0.099 182.4)

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

#8B6F94

Dark Plum · Gray · Violet

HEX

#8B6F94

RGB

rgb(139, 111, 148)

HSL

hsl(285, 15%, 51%)

HSB

hsb(285, 25%, 58%)

CMYK

cmyk(6%, 25%, 0%, 42%)

Oklch

oklch(58.2% 0.064 317.8)

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

#9C3381

Rose Purple · MediumVioletRed · Violet

HEX

#9C3381

RGB

rgb(156, 51, 129)

HSL

hsl(315, 51%, 41%)

HSB

hsb(315, 67%, 61%)

CMYK

cmyk(0%, 67%, 17%, 39%)

Oklch

oklch(50.1% 0.164 339.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#6B325D

Rose Purple · DimGray · Eggplant

HEX

#6B325D

RGB

rgb(107, 50, 93)

HSL

hsl(315, 36%, 31%)

HSB

hsb(315, 53%, 42%)

CMYK

cmyk(0%, 53%, 13%, 58%)

Oklch

oklch(40.9% 0.100 337.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#1E2925

Mineral Blue · DarkSlateGray · Dark Green

HEX

#1E2925

RGB

rgb(30, 41, 37)

HSL

hsl(158, 15%, 14%)

HSB

hsb(158, 27%, 16%)

CMYK

cmyk(27%, 0%, 10%, 84%)

Oklch

oklch(26.9% 0.017 170.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44AE9F

AD4351

Analogous

43AD6A

44AE9F

4386AD

Triadic

44AE9F

9F43AD

AD9F43

Split-Comp.

44AE9F

AD4386

AD6A43

Tetradic

44AE9F

6A43AD

AD4351

86AD43

Contrast Matrix WCAG 2.1 Contrast

44AE9F	8B6F94	9C3381	6B325D	1E2925
—	1.6 Fail	2.4 Fail	3.5 AA Large	5.6 AA
1.6 Fail	—	1.5 Fail	2.1 Fail	3.4 AA Large
2.4 Fail	1.5 Fail	—	1.4 Fail	2.3 Fail
3.5 AA Large	2.1 Fail	1.4 Fail	—	1.6 Fail
5.6 AA	3.4 AA Large	2.3 Fail	1.6 Fail	—

White BG

2.7Fail

4.4AA Large

6.6AA

9.4AAA

15.0AAA

Black BG

7.8AAA

4.8AA

3.2AA Large

2.2Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7273A3

7F7F8B

6F6E6E

525253

232326

Deuteranopia

6C64A4

818389

757C6A

565A50

222126

Tritanopia

49A5A6

8A8482

975F5C

684A49

1F2727

Achromatopsia

8D8D8D

7C7C7C

5B5B5B

484848

252525

Shades & Tints Shades & Tints

#44AE9F

Dark

Light

#8B6F94

Dark

Light

#9C3381

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44ae9f;
  --color-2: #8b6f94;
  --color-3: #9c3381;
  --color-4: #6b325d;
  --color-5: #1e2925;
}

SCSS

$color-1: #44ae9f;
$color-2: #8b6f94;
$color-3: #9c3381;
$color-4: #6b325d;
$color-5: #1e2925;

TAILWIND

colors: {
  'brand-1': '#44ae9f',
  'brand-2': '#8b6f94',
  'brand-3': '#9c3381',
  'brand-4': '#6b325d',
  'brand-5': '#1e2925',
}

RGB Array

[68, 174, 159], [139, 111, 148], [156, 51, 129], [107, 50, 93], [30, 41, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44AE9F, #8B6F94, #9C3381, #6B325D, #1E2925 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: #44ae9f; --color-2: #8b6f94; --color-3: #9c3381; --color-4: #6b325d; --color-5: #1e2925. 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