#39164C + #4C335C + #505273 + #168992 + #09AEB2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#39164C

Royal Purple · MidnightBlue · Dark Purple

HEX

#39164C

RGB

rgb(57, 22, 76)

HSL

hsl(279, 55%, 19%)

HSB

hsb(279, 71%, 30%)

CMYK

cmyk(25%, 71%, 0%, 70%)

Oklch

oklch(28.2% 0.099 311.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#4C335C

Dark Plum · DarkSlateGray · Eggplant

HEX

#4C335C

RGB

rgb(76, 51, 92)

HSL

hsl(277, 29%, 28%)

HSB

hsb(277, 45%, 36%)

CMYK

cmyk(17%, 45%, 0%, 64%)

Oklch

oklch(36.8% 0.075 311.2)

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

#505273

Indigo · DarkSlateBlue · Prussian Blue

HEX

#505273

RGB

rgb(80, 82, 115)

HSL

hsl(237, 18%, 38%)

HSB

hsb(237, 30%, 45%)

CMYK

cmyk(30%, 29%, 0%, 55%)

Oklch

oklch(45.1% 0.054 281.3)

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

#168992

Lake Blue · Teal · Mint Ice

HEX

#168992

RGB

rgb(22, 137, 146)

HSL

hsl(184, 74%, 33%)

HSB

hsb(184, 85%, 57%)

CMYK

cmyk(85%, 6%, 0%, 43%)

Oklch

oklch(57.6% 0.094 203.4)

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

#09AEB2

Lake Blue · LightSeaGreen · Mint Ice

HEX

#09AEB2

RGB

rgb(9, 174, 178)

HSL

hsl(181, 90%, 37%)

HSB

hsb(181, 95%, 70%)

CMYK

cmyk(95%, 2%, 0%, 30%)

Oklch

oklch(68.2% 0.115 197.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

39164C

284B16

Analogous

1E164B

39164C

4B1643

Triadic

39164C

4B3816

164B38

Split-Comp.

39164C

434B16

164B1E

Tetradic

39164C

4B1E16

284B16

16434B

Contrast Matrix WCAG 2.1 Contrast

39164C	4C335C	505273	168992	09AEB2
—	1.4 Fail	2.0 Fail	3.6 AA Large	5.5 AA
1.4 Fail	—	1.4 Fail	2.6 Fail	4.0 AA Large
2.0 Fail	1.4 Fail	—	1.8 Fail	2.8 Fail
3.6 AA Large	2.6 Fail	1.8 Fail	—	1.5 Fail
5.5 AA	4.0 AA Large	2.8 Fail	1.5 Fail	—

White BG

15.1AAA

10.9AAA

7.5AAA

4.2AA Large

2.7Fail

Black BG

1.4Fail

1.9Fail

2.8Fail

5.0AA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A3F

414152

51516B

484990

5052B1

Deuteranopia

2C2F3C

434550

515169

41398F

473AB1

Tritanopia

373532

4B4A49

506563

1C8E8E

11B0B0

Achromatopsia

272727

3F3F3F

555555

686868

7D7D7D

Shades & Tints Shades & Tints

#39164C

Dark

Light

#4C335C

Dark

Light

#505273

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #39164c;
  --color-2: #4c335c;
  --color-3: #505273;
  --color-4: #168992;
  --color-5: #09aeb2;
}

SCSS

$color-1: #39164c;
$color-2: #4c335c;
$color-3: #505273;
$color-4: #168992;
$color-5: #09aeb2;

TAILWIND

colors: {
  'brand-1': '#39164c',
  'brand-2': '#4c335c',
  'brand-3': '#505273',
  'brand-4': '#168992',
  'brand-5': '#09aeb2',
}

RGB Array

[57, 22, 76], [76, 51, 92], [80, 82, 115], [22, 137, 146], [9, 174, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #39164C, #4C335C, #505273, #168992, #09AEB2 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: #39164c; --color-2: #4c335c; --color-3: #505273; --color-4: #168992; --color-5: #09aeb2. 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