#483C42 + #723341 + #9D2B41 + #C72240 + #A6BF02 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#483C42

Dark Violet · DarkSlateGray · Charcoal

HEX

#483C42

RGB

rgb(72, 60, 66)

HSL

hsl(330, 9%, 26%)

HSB

hsb(330, 17%, 28%)

CMYK

cmyk(0%, 17%, 8%, 72%)

Oklch

oklch(37.1% 0.019 346.5)

Traditional「Dark Violet」· Paint「Charcoal」· Creative Midnight Shadow

#723341

Crimson · Brown · Wine Red

HEX

#723341

RGB

rgb(114, 51, 65)

HSL

hsl(347, 38%, 32%)

HSB

hsb(347, 55%, 45%)

CMYK

cmyk(0%, 55%, 43%, 55%)

Oklch

oklch(41.0% 0.090 7.9)

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

#9D2B41

Crimson · Brown · Wine Red

HEX

#9D2B41

RGB

rgb(157, 43, 65)

HSL

hsl(348, 57%, 39%)

HSB

hsb(348, 73%, 62%)

CMYK

cmyk(0%, 73%, 59%, 38%)

Oklch

oklch(47.2% 0.149 14.0)

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

#C72240

Vermilion · Crimson · Passion Red

HEX

#C72240

RGB

rgb(199, 34, 64)

HSL

hsl(349, 71%, 46%)

HSB

hsb(349, 83%, 78%)

CMYK

cmyk(0%, 83%, 68%, 22%)

Oklch

oklch(54.0% 0.197 18.2)

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

#A6BF02

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A6BF02

RGB

rgb(166, 191, 2)

HSL

hsl(68, 98%, 38%)

HSB

hsb(68, 99%, 75%)

CMYK

cmyk(13%, 0%, 99%, 25%)

Oklch

oklch(75.9% 0.178 118.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483C42

3C4842

Analogous

483C48

483C42

483C3C

Triadic

483C42

42483C

3C4248

Split-Comp.

483C42

3C483C

3C4848

Tetradic

483C42

48483C

3C4842

3C3C48

Contrast Matrix WCAG 2.1 Contrast

483C42	723341	9D2B41	C72240	A6BF02
—	1.1 Fail	1.4 Fail	1.9 Fail	5.0 AA
1.1 Fail	—	1.3 Fail	1.6 Fail	4.4 AA Large
1.4 Fail	1.3 Fail	—	1.3 Fail	3.5 AA Large
1.9 Fail	1.6 Fail	1.3 Fail	—	2.7 Fail
5.0 AA	4.4 AA Large	3.5 AA Large	2.7 Fail	—

White BG

10.5AAA

9.3AAA

7.4AAA

5.6AA

2.1Fail

Black BG

2.0Fail

2.3Fail

2.9Fail

3.7AA Large

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434341

57563E

6C6B3C

807E39

B1B130

Deuteranopia

444440

5A5F3D

727B3A

899537

AFAE3B

Tritanopia

473F3F

6F3B3A

973737

BF3332

A7545C

Achromatopsia

404040

474747

505050

575757

A2A2A2

Shades & Tints Shades & Tints

#483C42

Dark

Light

#723341

Dark

Light

#9D2B41

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483c42;
  --color-2: #723341;
  --color-3: #9d2b41;
  --color-4: #c72240;
  --color-5: #a6bf02;
}

SCSS

$color-1: #483c42;
$color-2: #723341;
$color-3: #9d2b41;
$color-4: #c72240;
$color-5: #a6bf02;

TAILWIND

colors: {
  'brand-1': '#483c42',
  'brand-2': '#723341',
  'brand-3': '#9d2b41',
  'brand-4': '#c72240',
  'brand-5': '#a6bf02',
}

RGB Array

[72, 60, 66], [114, 51, 65], [157, 43, 65], [199, 34, 64], [166, 191, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483C42, #723341, #9D2B41, #C72240, #A6BF02 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: #483c42; --color-2: #723341; --color-3: #9d2b41; --color-4: #c72240; --color-5: #a6bf02. 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