← Back to Editor

#390039 · #1A4C63 · #389091 · #BFBFBF · #C8CCC2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#390039

Rose Purple · MidnightBlue · Dark Purple

HEX
#390039
RGB
rgb(57, 0, 57)
HSL
hsl(300, 100%, 11%)
HSB
hsb(300, 100%, 22%)
CMYK
cmyk(0%, 100%, 0%, 78%)
Oklch
oklch(24.2% 0.111 328.4)

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

#1A4C63

Lake Blue · DarkSlateGray · Peacock Green

HEX
#1A4C63
RGB
rgb(26, 76, 99)
HSL
hsl(199, 58%, 25%)
HSB
hsb(199, 74%, 39%)
CMYK
cmyk(74%, 23%, 0%, 61%)
Oklch
oklch(39.4% 0.065 231.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#389091

Slate Blue · SteelBlue · Mint Ice

HEX
#389091
RGB
rgb(56, 144, 145)
HSL
hsl(181, 44%, 39%)
HSB
hsb(181, 61%, 57%)
CMYK
cmyk(61%, 1%, 0%, 43%)
Oklch
oklch(60.2% 0.083 196.2)

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

#BFBFBF

Silver Gray · Silver · Pearl Gray

HEX
#BFBFBF
RGB
rgb(191, 191, 191)
HSL
hsl(0, 0%, 75%)
HSB
hsb(0, 0%, 75%)
CMYK
cmyk(0%, 0%, 0%, 25%)
Oklch
oklch(80.5% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C8CCC2

Willow Green · Silver · Pearl Gray

HEX
#C8CCC2
RGB
rgb(200, 204, 194)
HSL
hsl(84, 9%, 78%)
HSB
hsb(84, 5%, 80%)
CMYK
cmyk(2%, 0%, 5%, 20%)
Oklch
oklch(83.9% 0.014 124.6)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

390039
003800

Analogous

1C0038
390039
38001C

Triadic

390039
383800
003838

Split-Comp.

390039
1C3800
00381C

Tetradic

390039
381C00
003800
001C38

Contrast Matrix WCAG 2.1 Contrast

390039
1A4C63
389091
BFBFBF
C8CCC2
—
1.8
Fail
4.5
AA
9.3
AAA
10.4
AAA
1.8
Fail
—
2.5
Fail
5.1
AA
5.7
AA
4.5
AA
2.5
Fail
—
2.1
Fail
2.3
Fail
9.3
AAA
5.1
AA
2.1
Fail
—
1.1
Fail
10.4
AAA
5.7
AA
2.3
Fail
1.1
Fail
—
White BG
17.0AAA
9.3AAA
3.8AA Large
1.8Fail
1.6Fail
Black BG
1.2Fail
2.3Fail
5.6AA
11.4AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

20202B
30305D
5E5F91
BFBFBF
CACAC4

Deuteranopia

242828
2D295C
595291
BFBFBF
CAC9C5

Tritanopia

36201E
1D5958
3C9191
BFBFBF
C8C6C7

Achromatopsia

181818
404040
767676
BFBFBF
CACACA

Shades & Tints Shades & Tints

#390039

Dark
Light

#1A4C63

Dark
Light

#389091

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #390039;
  --color-2: #1a4c63;
  --color-3: #389091;
  --color-4: #bfbfbf;
  --color-5: #c8ccc2;
}

SCSS

$color-1: #390039;
$color-2: #1a4c63;
$color-3: #389091;
$color-4: #bfbfbf;
$color-5: #c8ccc2;

TAILWIND

colors: {
  'brand-1': '#390039',
  'brand-2': '#1a4c63',
  'brand-3': '#389091',
  'brand-4': '#bfbfbf',
  'brand-5': '#c8ccc2',
}

RGB Array

[57, 0, 57], [26, 76, 99], [56, 144, 145], [191, 191, 191], [200, 204, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #390039, #1A4C63, #389091, #BFBFBF, #C8CCC2 is ideal for: 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: #390039; --color-2: #1a4c63; --color-3: #389091; --color-4: #bfbfbf; --color-5: #c8ccc2. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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