← Back to Editor

#466E66 · #3B4D49 · #403636 · #292727 · #824530

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#466E66

Mineral Blue · DimGray · Mint Ice

HEX
#466E66
RGB
rgb(70, 110, 102)
HSL
hsl(168, 22%, 35%)
HSB
hsb(168, 36%, 43%)
CMYK
cmyk(36%, 0%, 7%, 57%)
Oklch
oklch(50.6% 0.047 180.3)

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

#3B4D49

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3B4D49
RGB
rgb(59, 77, 73)
HSL
hsl(167, 13%, 27%)
HSB
hsb(167, 23%, 30%)
CMYK
cmyk(23%, 0%, 5%, 70%)
Oklch
oklch(40.4% 0.024 180.0)

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

#403636

Crimson · DarkSlateGray · Dark Stone

HEX
#403636
RGB
rgb(64, 54, 54)
HSL
hsl(0, 8%, 23%)
HSB
hsb(0, 16%, 25%)
CMYK
cmyk(0%, 16%, 16%, 75%)
Oklch
oklch(34.4% 0.014 17.9)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

#292727

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#292727
RGB
rgb(41, 39, 39)
HSL
hsl(0, 3%, 16%)
HSB
hsb(0, 5%, 16%)
CMYK
cmyk(0%, 5%, 5%, 84%)
Oklch
oklch(27.5% 0.003 17.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#824530

Tangerine · Sienna · Amber Brown

HEX
#824530
RGB
rgb(130, 69, 48)
HSL
hsl(15, 46%, 35%)
HSB
hsb(15, 63%, 51%)
CMYK
cmyk(0%, 47%, 63%, 49%)
Oklch
oklch(46.1% 0.090 39.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

466E66
6D464D

Analogous

466D51
466E66
46616D

Triadic

466E66
65466D
6D6546

Split-Comp.

466E66
6D4661
6D5146

Tetradic

466E66
51466D
6D464D
616D46

Contrast Matrix WCAG 2.1 Contrast

466E66
3B4D49
403636
292727
824530
—
1.6
Fail
2.0
Fail
2.6
Fail
1.3
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.6
Fail
1.7
Fail
1.3
Fail
—
2.0
Fail
1.3
Fail
1.2
Fail
1.6
Fail
2.0
Fail
—
White BG
5.7AA
9.0AAA
11.7AAA
14.9AAA
7.4AAA
Black BG
3.7AA Large
2.3Fail
1.8Fail
1.4Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

575868
43434A
3C3C36
282827
686735

Deuteranopia

555268
42404A
3C3D36
282827
6B7036

Tritanopia

48696A
3C4B4B
403636
292727
7F393A

Achromatopsia

616161
474747
393939
282828
555555

Shades & Tints Shades & Tints

#466E66

Dark
Light

#3B4D49

Dark
Light

#403636

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #466e66;
  --color-2: #3b4d49;
  --color-3: #403636;
  --color-4: #292727;
  --color-5: #824530;
}

SCSS

$color-1: #466e66;
$color-2: #3b4d49;
$color-3: #403636;
$color-4: #292727;
$color-5: #824530;

TAILWIND

colors: {
  'brand-1': '#466e66',
  'brand-2': '#3b4d49',
  'brand-3': '#403636',
  'brand-4': '#292727',
  'brand-5': '#824530',
}

RGB Array

[70, 110, 102], [59, 77, 73], [64, 54, 54], [41, 39, 39], [130, 69, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #466E66, #3B4D49, #403636, #292727, #824530 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #466e66; --color-2: #3b4d49; --color-3: #403636; --color-4: #292727; --color-5: #824530. 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 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