#1D646B + #5A5C5C + #964E54 + #C82635 + #211415 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1D646B

Lake Blue · DarkSlateGray · Mint Ice

HEX

#1D646B

RGB

rgb(29, 100, 107)

HSL

hsl(185, 57%, 27%)

HSB

hsb(185, 73%, 42%)

CMYK

cmyk(73%, 7%, 0%, 58%)

Oklch

oklch(46.4% 0.069 204.6)

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

#5A5C5C

Ink Gray · DimGray · Charcoal

HEX

#5A5C5C

RGB

rgb(90, 92, 92)

HSL

hsl(180, 1%, 36%)

HSB

hsb(180, 2%, 36%)

CMYK

cmyk(2%, 0%, 0%, 64%)

Oklch

oklch(47.3% 0.003 197.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#964E54

Crimson · Sienna · Passion Red

HEX

#964E54

RGB

rgb(150, 78, 84)

HSL

hsl(355, 32%, 45%)

HSB

hsb(355, 48%, 59%)

CMYK

cmyk(0%, 48%, 44%, 41%)

Oklch

oklch(51.3% 0.096 15.8)

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

#C82635

Vermilion · Crimson · Passion Red

HEX

#C82635

RGB

rgb(200, 38, 53)

HSL

hsl(354, 68%, 47%)

HSB

hsb(354, 81%, 78%)

CMYK

cmyk(0%, 81%, 74%, 22%)

Oklch

oklch(54.2% 0.196 22.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#211415

Crimson · Black · Deep Berry

HEX

#211415

RGB

rgb(33, 20, 21)

HSL

hsl(355, 25%, 10%)

HSB

hsb(355, 39%, 13%)

CMYK

cmyk(0%, 39%, 36%, 87%)

Oklch

oklch(20.9% 0.022 14.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D646B

6C241E

Analogous

1E6C4B

1D646B

1E3E6C

Triadic

1D646B

6C1E66

666C1E

Split-Comp.

1D646B

6C1E3E

6C4B1E

Tetradic

1D646B

4B1E6C

6C241E

3E6C1E

Contrast Matrix WCAG 2.1 Contrast

1D646B	5A5C5C	964E54	C82635	211415
—	1.0 Fail	1.1 Fail	1.2 Fail	2.6 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	2.7 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	3.0 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	3.2 AA Large
2.6 Fail	2.7 Fail	3.0 Fail	3.2 AA Large	—

White BG

6.8AA

6.7AA

6.0AA

5.5AA

17.9AAA

Black BG

3.1AA Large

3.5AA Large

3.8AA Large

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C69

5B5B5C

777653

828031

1B1B15

Deuteranopia

383269

5B5B5C

7B8052

8B9730

1C1D15

Tritanopia

216868

5A5C5C

925151

C02F2E

201515

Achromatopsia

505050

5B5B5B

646464

585858

181818

Shades & Tints Shades & Tints

#1D646B

Dark

Light

#5A5C5C

Dark

Light

#964E54

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d646b;
  --color-2: #5a5c5c;
  --color-3: #964e54;
  --color-4: #c82635;
  --color-5: #211415;
}

SCSS

$color-1: #1d646b;
$color-2: #5a5c5c;
$color-3: #964e54;
$color-4: #c82635;
$color-5: #211415;

TAILWIND

colors: {
  'brand-1': '#1d646b',
  'brand-2': '#5a5c5c',
  'brand-3': '#964e54',
  'brand-4': '#c82635',
  'brand-5': '#211415',
}

RGB Array

[29, 100, 107], [90, 92, 92], [150, 78, 84], [200, 38, 53], [33, 20, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D646B, #5A5C5C, #964E54, #C82635, #211415 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: #1d646b; --color-2: #5a5c5c; --color-3: #964e54; --color-4: #c82635; --color-5: #211415. 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