#465667 + #A69D7E + #C40B0C + #912829 + #3B2424 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#465667

Indigo · DarkSlateGray · Prussian Blue

HEX

#465667

RGB

rgb(70, 86, 103)

HSL

hsl(211, 19%, 34%)

HSB

hsb(211, 32%, 40%)

CMYK

cmyk(32%, 17%, 0%, 60%)

Oklch

oklch(44.6% 0.034 250.2)

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

#A69D7E

Ginger · DarkSeaGreen · Sunflower

HEX

#A69D7E

RGB

rgb(166, 157, 126)

HSL

hsl(47, 18%, 57%)

HSB

hsb(47, 24%, 65%)

CMYK

cmyk(0%, 5%, 24%, 35%)

Oklch

oklch(69.5% 0.045 93.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C40B0C

Vermilion · FireBrick · Passion Red

HEX

#C40B0C

RGB

rgb(196, 11, 12)

HSL

hsl(360, 89%, 41%)

HSB

hsb(360, 94%, 77%)

CMYK

cmyk(0%, 94%, 94%, 23%)

Oklch

oklch(51.8% 0.208 28.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Deep Ember

#912829

Crimson · Brown · Wine Red

HEX

#912829

RGB

rgb(145, 40, 41)

HSL

hsl(359, 57%, 36%)

HSB

hsb(359, 72%, 57%)

CMYK

cmyk(0%, 72%, 72%, 43%)

Oklch

oklch(44.2% 0.141 24.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#3B2424

Crimson · DarkSlateGray · Deep Berry

HEX

#3B2424

RGB

rgb(59, 36, 36)

HSL

hsl(0, 24%, 19%)

HSB

hsb(0, 39%, 23%)

CMYK

cmyk(0%, 39%, 39%, 77%)

Oklch

oklch(28.9% 0.035 19.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

465667

675746

Analogous

466767

465667

474667

Triadic

465667

674656

566746

Split-Comp.

465667

674746

676746

Tetradic

465667

674667

675746

466747

Contrast Matrix WCAG 2.1 Contrast

465667	A69D7E	C40B0C	912829	3B2424
—	2.8 Fail	1.2 Fail	1.1 Fail	1.9 Fail
2.8 Fail	—	2.3 Fail	3.1 AA Large	5.3 AA
1.2 Fail	2.3 Fail	—	1.3 Fail	2.3 Fail
1.1 Fail	3.1 AA Large	1.3 Fail	—	1.7 Fail
1.9 Fail	5.3 AA	2.3 Fail	1.7 Fail	—

White BG

7.5AAA

2.7Fail

6.2AA

8.3AAA

14.3AAA

Black BG

2.8Fail

7.7AAA

3.4AA Large

2.5Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D63

A2A286

74720C

646329

313124

Deuteranopia

4C4B62

A3A387

7F8D0C

6A7229

323424

Tritanopia

47605F

A68B8D

BB0C0C

8C2929

3A2424

Achromatopsia

535353

9C9C9C

424242

484848

2B2B2B

Shades & Tints Shades & Tints

#465667

Dark

Light

#A69D7E

Dark

Light

#C40B0C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #465667;
  --color-2: #a69d7e;
  --color-3: #c40b0c;
  --color-4: #912829;
  --color-5: #3b2424;
}

SCSS

$color-1: #465667;
$color-2: #a69d7e;
$color-3: #c40b0c;
$color-4: #912829;
$color-5: #3b2424;

TAILWIND

colors: {
  'brand-1': '#465667',
  'brand-2': '#a69d7e',
  'brand-3': '#c40b0c',
  'brand-4': '#912829',
  'brand-5': '#3b2424',
}

RGB Array

[70, 86, 103], [166, 157, 126], [196, 11, 12], [145, 40, 41], [59, 36, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #465667, #A69D7E, #C40B0C, #912829, #3B2424 is ideal for: tech websites, dark mode UIs, game UIs. 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: #465667; --color-2: #a69d7e; --color-3: #c40b0c; --color-4: #912829; --color-5: #3b2424. 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 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