#2B1D21 + #D11D47 + #995757 + #65706D + #058271 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2B1D21

Dark Violet · Black · Raspberry

HEX

#2B1D21

RGB

rgb(43, 29, 33)

HSL

hsl(343, 19%, 14%)

HSB

hsb(343, 33%, 17%)

CMYK

cmyk(0%, 33%, 23%, 83%)

Oklch

oklch(25.0% 0.023 0.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#D11D47

Vermilion · Crimson · Passion Red

HEX

#D11D47

RGB

rgb(209, 29, 71)

HSL

hsl(346, 76%, 47%)

HSB

hsb(346, 86%, 82%)

CMYK

cmyk(0%, 86%, 66%, 18%)

Oklch

oklch(55.6% 0.209 16.2)

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

#995757

Crimson · Sienna · Passion Red

HEX

#995757

RGB

rgb(153, 87, 87)

HSL

hsl(0, 27%, 47%)

HSB

hsb(0, 43%, 60%)

CMYK

cmyk(0%, 43%, 43%, 40%)

Oklch

oklch(53.3% 0.088 20.4)

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

#65706D

Ink Gray · DimGray · Warm Gray

HEX

#65706D

RGB

rgb(101, 112, 109)

HSL

hsl(164, 5%, 42%)

HSB

hsb(164, 10%, 44%)

CMYK

cmyk(10%, 0%, 3%, 56%)

Oklch

oklch(53.5% 0.014 177.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#058271

Mineral Blue · Teal · Mint Ice

HEX

#058271

RGB

rgb(5, 130, 113)

HSL

hsl(172, 93%, 26%)

HSB

hsb(172, 96%, 51%)

CMYK

cmyk(96%, 0%, 13%, 49%)

Oklch

oklch(54.4% 0.098 179.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B1D21

1D2A27

Analogous

2A1D28

2B1D21

2A201D

Triadic

2B1D21

212A1D

1D212A

Split-Comp.

2B1D21

1D2A20

1D282A

Tetradic

2B1D21

282A1D

1D2A27

201D2A

Contrast Matrix WCAG 2.1 Contrast

2B1D21	D11D47	995757	65706D	058271
—	3.1 AA Large	3.0 Fail	3.1 AA Large	3.4 AA Large
3.1 AA Large	—	1.0 Fail	1.0 Fail	1.1 Fail
3.0 Fail	1.0 Fail	—	1.1 Fail	1.2 Fail
3.1 AA Large	1.0 Fail	1.1 Fail	—	1.1 Fail
3.4 AA Large	1.1 Fail	1.2 Fail	1.1 Fail	—

White BG

16.1AAA

5.3AA

5.4AA

5.1AA

4.7AA

Black BG

1.3Fail

4.0AA Large

3.9AA Large

4.1AA Large

4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

252520

83813D

7C7C57

6A6A6E

3B3C75

Deuteranopia

262720

8E9B3A

808557

69686E

342B76

Tritanopia

2A1F1F

C83533

965757

666E6E

0B7879

Achromatopsia

222222

585858

6B6B6B

6C6C6C

5B5B5B

Shades & Tints Shades & Tints

#2B1D21

Dark

Light

#D11D47

Dark

Light

#995757

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b1d21;
  --color-2: #d11d47;
  --color-3: #995757;
  --color-4: #65706d;
  --color-5: #058271;
}

SCSS

$color-1: #2b1d21;
$color-2: #d11d47;
$color-3: #995757;
$color-4: #65706d;
$color-5: #058271;

TAILWIND

colors: {
  'brand-1': '#2b1d21',
  'brand-2': '#d11d47',
  'brand-3': '#995757',
  'brand-4': '#65706d',
  'brand-5': '#058271',
}

RGB Array

[43, 29, 33], [209, 29, 71], [153, 87, 87], [101, 112, 109], [5, 130, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B1D21, #D11D47, #995757, #65706D, #058271 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: #2b1d21; --color-2: #d11d47; --color-3: #995757; --color-4: #65706d; --color-5: #058271. 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