← Back to Editor

#495E59 · #A3A7C2 · #152A38 · #262629 · #15132E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#495E59

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#495E59
RGB
rgb(73, 94, 89)
HSL
hsl(166, 13%, 33%)
HSB
hsb(166, 22%, 37%)
CMYK
cmyk(22%, 0%, 5%, 63%)
Oklch
oklch(46.3% 0.027 178.9)

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

#A3A7C2

Azure · DarkGray · Cobalt Blue

HEX
#A3A7C2
RGB
rgb(163, 167, 194)
HSL
hsl(232, 20%, 70%)
HSB
hsb(232, 16%, 76%)
CMYK
cmyk(16%, 14%, 0%, 24%)
Oklch
oklch(73.4% 0.039 278.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#152A38

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#152A38
RGB
rgb(21, 42, 56)
HSL
hsl(204, 45%, 15%)
HSB
hsb(204, 63%, 22%)
CMYK
cmyk(62%, 25%, 0%, 78%)
Oklch
oklch(27.4% 0.038 239.3)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#262629

Ink Black · DarkSlateGray · Dark Stone

HEX
#262629
RGB
rgb(38, 38, 41)
HSL
hsl(240, 4%, 15%)
HSB
hsb(240, 7%, 16%)
CMYK
cmyk(7%, 7%, 0%, 84%)
Oklch
oklch(27.0% 0.005 286.0)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#15132E

Deep Indigo · Black · Deep Sea Blue

HEX
#15132E
RGB
rgb(21, 19, 46)
HSL
hsl(244, 42%, 13%)
HSB
hsb(244, 59%, 18%)
CMYK
cmyk(54%, 59%, 0%, 82%)
Oklch
oklch(20.6% 0.052 284.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

495E59
5F494E

Analogous

495F4F
495E59
49595F

Triadic

495E59
5A495F
5F5A49

Split-Comp.

495E59
5F4959
5F4F49

Tetradic

495E59
4F495F
5F494E
595F49

Contrast Matrix WCAG 2.1 Contrast

495E59
A3A7C2
152A38
262629
15132E
—
2.9
Fail
2.1
Fail
2.2
Fail
2.6
Fail
2.9
Fail
—
6.2
AA
6.4
AA
7.6
AAA
2.1
Fail
6.2
AA
—
1.0
Fail
1.2
Fail
2.2
Fail
6.4
AA
1.0
Fail
—
1.2
Fail
2.6
Fail
7.6
AAA
1.2
Fail
1.2
Fail
—
White BG
6.9AA
2.4Fail
14.8AAA
15.1AAA
18.0AAA
Black BG
3.0AA Large
8.9AAA
1.4Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

52525A
A5A5BB
1E1E35
262628
141427

Deuteranopia

514F5B
A5A4BA
1D1B34
262628
141426

Tritanopia

4A5B5B
A3B6B5
163231
262828
152221

Achromatopsia

575757
A9A9A9
252525
262626
171717

Shades & Tints Shades & Tints

#495E59

Dark
Light

#A3A7C2

Dark
Light

#152A38

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #495e59;
  --color-2: #a3a7c2;
  --color-3: #152a38;
  --color-4: #262629;
  --color-5: #15132e;
}

SCSS

$color-1: #495e59;
$color-2: #a3a7c2;
$color-3: #152a38;
$color-4: #262629;
$color-5: #15132e;

TAILWIND

colors: {
  'brand-1': '#495e59',
  'brand-2': '#a3a7c2',
  'brand-3': '#152a38',
  'brand-4': '#262629',
  'brand-5': '#15132e',
}

RGB Array

[73, 94, 89], [163, 167, 194], [21, 42, 56], [38, 38, 41], [21, 19, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #495E59, #A3A7C2, #152A38, #262629, #15132E is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #495e59; --color-2: #a3a7c2; --color-3: #152a38; --color-4: #262629; --color-5: #15132e. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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