#373B43 + #303239 + #AD2341 + #DB1843 + #D6613C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#373B43

Indigo · DarkSlateGray · Prussian Blue

HEX

#373B43

RGB

rgb(55, 59, 67)

HSL

hsl(220, 10%, 24%)

HSB

hsb(220, 18%, 26%)

CMYK

cmyk(18%, 12%, 0%, 74%)

Oklch

oklch(35.2% 0.015 264.4)

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

#303239

Indigo · DarkSlateGray · Dark Stone

HEX

#303239

RGB

rgb(48, 50, 57)

HSL

hsl(227, 9%, 21%)

HSB

hsb(227, 16%, 22%)

CMYK

cmyk(16%, 12%, 0%, 78%)

Oklch

oklch(31.8% 0.013 273.0)

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

#AD2341

Vermilion · Brown · Passion Red

HEX

#AD2341

RGB

rgb(173, 35, 65)

HSL

hsl(347, 66%, 41%)

HSB

hsb(347, 80%, 68%)

CMYK

cmyk(0%, 80%, 62%, 32%)

Oklch

oklch(49.3% 0.172 14.7)

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

#DB1843

Vermilion · Crimson · Passion Red

HEX

#DB1843

RGB

rgb(219, 24, 67)

HSL

hsl(347, 80%, 48%)

HSB

hsb(347, 89%, 86%)

CMYK

cmyk(0%, 89%, 69%, 14%)

Oklch

oklch(57.2% 0.219 18.2)

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

#D6613C

Vermilion · Chocolate · Passion Red

HEX

#D6613C

RGB

rgb(214, 97, 60)

HSL

hsl(14, 65%, 54%)

HSB

hsb(14, 72%, 84%)

CMYK

cmyk(0%, 55%, 72%, 16%)

Oklch

oklch(63.1% 0.157 38.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

373B43

433F37

Analogous

374143

373B43

393743

Triadic

373B43

43373B

3B4337

Split-Comp.

373B43

433937

414337

Tetradic

373B43

433741

433F37

374339

Contrast Matrix WCAG 2.1 Contrast

373B43	303239	AD2341	DB1843	D6613C
—	1.1 Fail	1.7 Fail	2.3 Fail	3.0 AA Large
1.1 Fail	—	1.9 Fail	2.6 Fail	3.4 AA Large
1.7 Fail	1.9 Fail	—	1.4 Fail	1.8 Fail
2.3 Fail	2.6 Fail	1.4 Fail	—	1.3 Fail
3.0 AA Large	3.4 AA Large	1.8 Fail	1.3 Fail	—

White BG

11.2AAA

12.8AAA

6.8AA

5.0AA

3.7AA Large

Black BG

1.9Fail

1.6Fail

3.1AA Large

4.2AA Large

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393941

313137

71703A

878539

A3A245

Deuteranopia

393841

313137

798438

92A036

AAB347

Tritanopia

37403F

303636

A63433

D1302F

D04C4E

Achromatopsia

3B3B3B

323232

505050

575757

808080

Shades & Tints Shades & Tints

#373B43

Dark

Light

#303239

Dark

Light

#AD2341

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #373b43;
  --color-2: #303239;
  --color-3: #ad2341;
  --color-4: #db1843;
  --color-5: #d6613c;
}

SCSS

$color-1: #373b43;
$color-2: #303239;
$color-3: #ad2341;
$color-4: #db1843;
$color-5: #d6613c;

TAILWIND

colors: {
  'brand-1': '#373b43',
  'brand-2': '#303239',
  'brand-3': '#ad2341',
  'brand-4': '#db1843',
  'brand-5': '#d6613c',
}

RGB Array

[55, 59, 67], [48, 50, 57], [173, 35, 65], [219, 24, 67], [214, 97, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #373B43, #303239, #AD2341, #DB1843, #D6613C 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: #373b43; --color-2: #303239; --color-3: #ad2341; --color-4: #db1843; --color-5: #d6613c. 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