← Back to Editor

#5D0C26 · #385771 · #06779F · #0D88A2 · #B8C89D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#5D0C26

Dark Violet · Maroon · Raspberry

HEX
#5D0C26
RGB
rgb(93, 12, 38)
HSL
hsl(341, 77%, 21%)
HSB
hsb(341, 87%, 36%)
CMYK
cmyk(0%, 87%, 59%, 64%)
Oklch
oklch(31.6% 0.113 8.6)

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

#385771

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#385771
RGB
rgb(56, 87, 113)
HSL
hsl(207, 34%, 33%)
HSB
hsb(207, 50%, 44%)
CMYK
cmyk(50%, 23%, 0%, 56%)
Oklch
oklch(44.4% 0.057 244.9)

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

#06779F

Lake Blue · Teal · Mint Ice

HEX
#06779F
RGB
rgb(6, 119, 159)
HSL
hsl(196, 93%, 32%)
HSB
hsb(196, 96%, 62%)
CMYK
cmyk(96%, 25%, 0%, 38%)
Oklch
oklch(53.4% 0.106 231.0)

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

#0D88A2

Lake Blue · Teal · Mint Ice

HEX
#0D88A2
RGB
rgb(13, 136, 162)
HSL
hsl(190, 85%, 34%)
HSB
hsb(190, 92%, 64%)
CMYK
cmyk(92%, 16%, 0%, 36%)
Oklch
oklch(57.9% 0.102 218.0)

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

#B8C89D

Willow Green · DarkGray · Apple Green

HEX
#B8C89D
RGB
rgb(184, 200, 157)
HSL
hsl(82, 28%, 70%)
HSB
hsb(82, 21%, 78%)
CMYK
cmyk(8%, 0%, 21%, 22%)
Oklch
oklch(80.9% 0.061 124.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D0C26
0C5F45

Analogous

5F0C50
5D0C26
5F1B0C

Triadic

5D0C26
265F0C
0C265F

Split-Comp.

5D0C26
0C5F1B
0C505F

Tetradic

5D0C26
505F0C
0C5F45
1B0C5F

Contrast Matrix WCAG 2.1 Contrast

5D0C26
385771
06779F
0D88A2
B8C89D
—
1.8
Fail
2.7
Fail
3.3
AA Large
7.6
AAA
1.8
Fail
—
1.5
Fail
1.8
Fail
4.3
AA Large
2.7
Fail
1.5
Fail
—
1.2
Fail
2.8
Fail
3.3
AA Large
1.8
Fail
1.2
Fail
—
2.3
Fail
7.6
AAA
4.3
AA Large
2.8
Fail
2.3
Fail
—
White BG
13.6AAA
7.6AAA
5.1AA
4.1AA Large
1.8Fail
Black BG
1.5Fail
2.8Fail
4.1AA Large
5.1AA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3920
45466B
373895
42439C
BFBFA7

Deuteranopia

3F451E
444169
302893
3B329A
BEBDAA

Tritanopia

591B1A
3A6665
0C8E8C
139796
B9B0B1

Achromatopsia

272727
515151
5A5A5A
666666
BEBEBE

Shades & Tints Shades & Tints

#5D0C26

Dark
Light

#385771

Dark
Light

#06779F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d0c26;
  --color-2: #385771;
  --color-3: #06779f;
  --color-4: #0d88a2;
  --color-5: #b8c89d;
}

SCSS

$color-1: #5d0c26;
$color-2: #385771;
$color-3: #06779f;
$color-4: #0d88a2;
$color-5: #b8c89d;

TAILWIND

colors: {
  'brand-1': '#5d0c26',
  'brand-2': '#385771',
  'brand-3': '#06779f',
  'brand-4': '#0d88a2',
  'brand-5': '#b8c89d',
}

RGB Array

[93, 12, 38], [56, 87, 113], [6, 119, 159], [13, 136, 162], [184, 200, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5D0C26, #385771, #06779F, #0D88A2, #B8C89D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5d0c26; --color-2: #385771; --color-3: #06779f; --color-4: #0d88a2; --color-5: #b8c89d. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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