← Back to Editor

#29023D · #513F59 · #606D70 · #5A8C83 · #6BBF98

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#29023D

Royal Purple · MidnightBlue · Dark Purple

HEX
#29023D
RGB
rgb(41, 2, 61)
HSL
hsl(280, 94%, 12%)
HSB
hsb(280, 97%, 24%)
CMYK
cmyk(33%, 97%, 0%, 76%)
Oklch
oklch(21.8% 0.105 310.3)

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

#513F59

Dark Plum · DarkSlateGray · Eggplant

HEX
#513F59
RGB
rgb(81, 63, 89)
HSL
hsl(282, 17%, 30%)
HSB
hsb(282, 29%, 35%)
CMYK
cmyk(9%, 29%, 0%, 65%)
Oklch
oklch(39.7% 0.049 315.3)

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

#606D70

Slate Blue · DimGray · Warm Gray

HEX
#606D70
RGB
rgb(96, 109, 112)
HSL
hsl(191, 8%, 41%)
HSB
hsb(191, 14%, 44%)
CMYK
cmyk(14%, 3%, 0%, 56%)
Oklch
oklch(52.5% 0.016 213.2)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#5A8C83

Mineral Blue · SlateGray · Mint Ice

HEX
#5A8C83
RGB
rgb(90, 140, 131)
HSL
hsl(169, 22%, 45%)
HSB
hsb(169, 36%, 55%)
CMYK
cmyk(36%, 0%, 6%, 45%)
Oklch
oklch(60.2% 0.056 181.8)

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

#6BBF98

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#6BBF98
RGB
rgb(107, 191, 152)
HSL
hsl(152, 40%, 58%)
HSB
hsb(152, 44%, 75%)
CMYK
cmyk(44%, 0%, 20%, 25%)
Oklch
oklch(74.0% 0.101 162.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29023D
153B02

Analogous

0B023B
29023D
3B0232

Triadic

29023D
3B2802
023B28

Split-Comp.

29023D
323B02
023B0B

Tetradic

29023D
3B0B02
153B02
02323B

Contrast Matrix WCAG 2.1 Contrast

29023D
513F59
606D70
5A8C83
6BBF98
—
1.9
Fail
3.3
AA Large
4.7
AA
8.1
AAA
1.9
Fail
—
1.8
Fail
2.5
Fail
4.3
AA Large
3.3
AA Large
1.8
Fail
—
1.4
Fail
2.4
Fail
4.7
AA
2.5
Fail
1.4
Fail
—
1.7
Fail
8.1
AAA
4.3
AA Large
2.4
Fail
1.7
Fail
—
White BG
17.9AAA
9.5AAA
5.4AA
3.8AA Large
2.2Fail
Black BG
1.2Fail
2.2Fail
3.9AA Large
5.5AA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

18182F
494953
66666F
707085
8F90A1

Deuteranopia

1A1D2B
4A4C51
65646F
6D6986
8B84A4

Tritanopia

272321
504E4D
616F6F
5D8787
6FA9AB

Achromatopsia

141414
474747
696969
7C7C7C
A1A1A1

Shades & Tints Shades & Tints

#29023D

Dark
Light

#513F59

Dark
Light

#606D70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29023d;
  --color-2: #513f59;
  --color-3: #606d70;
  --color-4: #5a8c83;
  --color-5: #6bbf98;
}

SCSS

$color-1: #29023d;
$color-2: #513f59;
$color-3: #606d70;
$color-4: #5a8c83;
$color-5: #6bbf98;

TAILWIND

colors: {
  'brand-1': '#29023d',
  'brand-2': '#513f59',
  'brand-3': '#606d70',
  'brand-4': '#5a8c83',
  'brand-5': '#6bbf98',
}

RGB Array

[41, 2, 61], [81, 63, 89], [96, 109, 112], [90, 140, 131], [107, 191, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #29023D, #513F59, #606D70, #5A8C83, #6BBF98 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #29023d; --color-2: #513f59; --color-3: #606d70; --color-4: #5a8c83; --color-5: #6bbf98. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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