#743B3B + #744C3B + #697047 + #83942F + #ABCA10 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#743B3B

Crimson · Sienna · Wine Red

HEX

#743B3B

RGB

rgb(116, 59, 59)

HSL

hsl(0, 33%, 34%)

HSB

hsb(0, 49%, 45%)

CMYK

cmyk(0%, 49%, 49%, 55%)

Oklch

oklch(42.5% 0.080 21.0)

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

#744C3B

Tangerine · DarkOliveGreen · Amber Brown

HEX

#744C3B

RGB

rgb(116, 76, 59)

HSL

hsl(18, 33%, 34%)

HSB

hsb(18, 49%, 45%)

CMYK

cmyk(0%, 34%, 49%, 55%)

Oklch

oklch(45.7% 0.061 43.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#697047

Grass Green · DarkOliveGreen · Forest Green

HEX

#697047

RGB

rgb(105, 112, 71)

HSL

hsl(70, 22%, 36%)

HSB

hsb(70, 37%, 44%)

CMYK

cmyk(6%, 0%, 37%, 56%)

Oklch

oklch(52.8% 0.061 116.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#83942F

Grass Green · Olive · Forest Green

HEX

#83942F

RGB

rgb(131, 148, 47)

HSL

hsl(70, 52%, 38%)

HSB

hsb(70, 68%, 58%)

CMYK

cmyk(11%, 0%, 68%, 42%)

Oklch

oklch(63.3% 0.126 118.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#ABCA10

Grass Green · GreenYellow · Olive Green

HEX

#ABCA10

RGB

rgb(171, 202, 16)

HSL

hsl(70, 85%, 43%)

HSB

hsb(70, 92%, 79%)

CMYK

cmyk(15%, 0%, 92%, 21%)

Oklch

oklch(78.8% 0.185 120.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

743B3B

3A7373

Analogous

733A57

743B3B

73573A

Triadic

743B3B

3A733A

3A3A73

Split-Comp.

743B3B

3A7357

3A5773

Tetradic

743B3B

57733A

3A7373

573A73

Contrast Matrix WCAG 2.1 Contrast

743B3B	744C3B	697047	83942F	ABCA10
—	1.2 Fail	1.6 Fail	2.6 Fail	4.6 AA
1.2 Fail	—	1.4 Fail	2.2 Fail	3.9 AA Large
1.6 Fail	1.4 Fail	—	1.6 Fail	2.8 Fail
2.6 Fail	2.2 Fail	1.6 Fail	—	1.8 Fail
4.6 AA	3.9 AA Large	2.8 Fail	1.8 Fail	—

White BG

8.6AAA

7.4AAA

5.2AA

3.4AA Large

1.9Fail

Black BG

2.4Fail

2.8Fail

4.0AA Large

6.2AA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B3B

63623F

6C6C51

8A8B47

B8B93D

Deuteranopia

5F633B

656840

6C6B53

89884D

B7B448

Tritanopia

713B3B

724243

69595A

845B5F

AD6168

Achromatopsia

4C4C4C

565656

696969

838383

ACACAC

Shades & Tints Shades & Tints

#743B3B

Dark

Light

#744C3B

Dark

Light

#697047

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #743b3b;
  --color-2: #744c3b;
  --color-3: #697047;
  --color-4: #83942f;
  --color-5: #abca10;
}

SCSS

$color-1: #743b3b;
$color-2: #744c3b;
$color-3: #697047;
$color-4: #83942f;
$color-5: #abca10;

TAILWIND

colors: {
  'brand-1': '#743b3b',
  'brand-2': '#744c3b',
  'brand-3': '#697047',
  'brand-4': '#83942f',
  'brand-5': '#abca10',
}

RGB Array

[116, 59, 59], [116, 76, 59], [105, 112, 71], [131, 148, 47], [171, 202, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #743B3B, #744C3B, #697047, #83942F, #ABCA10 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: #743b3b; --color-2: #744c3b; --color-3: #697047; --color-4: #83942f; --color-5: #abca10. 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 dark-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