#75705A + #514434 + #182B3C + #29161A + #080901 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#75705A

Ochre · DimGray · Honey Gold

HEX

#75705A

RGB

rgb(117, 112, 90)

HSL

hsl(49, 13%, 41%)

HSB

hsb(49, 23%, 46%)

CMYK

cmyk(0%, 4%, 23%, 54%)

Oklch

oklch(54.3% 0.033 96.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#514434

Ochre · DarkOliveGreen · Amber Brown

HEX

#514434

RGB

rgb(81, 68, 52)

HSL

hsl(33, 22%, 26%)

HSB

hsb(33, 36%, 32%)

CMYK

cmyk(0%, 16%, 36%, 68%)

Oklch

oklch(39.5% 0.031 72.5)

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

#182B3C

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX

#182B3C

RGB

rgb(24, 43, 60)

HSL

hsl(208, 43%, 16%)

HSB

hsb(208, 60%, 24%)

CMYK

cmyk(60%, 28%, 0%, 76%)

Oklch

oklch(28.1% 0.040 246.8)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#29161A

Crimson · Black · Deep Berry

HEX

#29161A

RGB

rgb(41, 22, 26)

HSL

hsl(347, 30%, 12%)

HSB

hsb(347, 46%, 16%)

CMYK

cmyk(0%, 46%, 37%, 84%)

Oklch

oklch(22.8% 0.032 6.2)

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

#080901

Autumn Sage · Black · Amber Gold

HEX

#080901

RGB

rgb(8, 9, 1)

HSL

hsl(68, 80%, 2%)

HSB

hsb(68, 89%, 4%)

CMYK

cmyk(11%, 0%, 89%, 96%)

Oklch

oklch(13.4% 0.025 113.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75705A

5B6076

Analogous

76645B

75705A

6E765B

Triadic

75705A

5B7671

715B76

Split-Comp.

75705A

5B6E76

645B76

Tetradic

75705A

5B7664

5B6076

765B6E

Contrast Matrix WCAG 2.1 Contrast

75705A	514434	182B3C	29161A	080901
—	1.9 Fail	2.9 Fail	3.4 AA Large	4.0 AA Large
1.9 Fail	—	1.5 Fail	1.8 Fail	2.1 Fail
2.9 Fail	1.5 Fail	—	1.2 Fail	1.4 Fail
3.4 AA Large	1.8 Fail	1.2 Fail	—	1.2 Fail
4.0 AA Large	2.1 Fail	1.4 Fail	1.2 Fail	—

White BG

5.0AA

9.4AAA

14.5AAA

17.2AAA

20.0AAA

Black BG

4.2AA Large

2.2Fail

1.4Fail

1.2Fail

1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

73735F

4B4B38

202038

212119

080803

Deuteranopia

737461

4C4D39

1F1E37

222319

080803

Tritanopia

756464

503B3C

193534

281818

080405

Achromatopsia

6F6F6F

464646

272727

1C1C1C

080808

Shades & Tints Shades & Tints

#75705A

Dark

Light

#514434

Dark

Light

#182B3C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75705a;
  --color-2: #514434;
  --color-3: #182b3c;
  --color-4: #29161a;
  --color-5: #080901;
}

SCSS

$color-1: #75705a;
$color-2: #514434;
$color-3: #182b3c;
$color-4: #29161a;
$color-5: #080901;

TAILWIND

colors: {
  'brand-1': '#75705a',
  'brand-2': '#514434',
  'brand-3': '#182b3c',
  'brand-4': '#29161a',
  'brand-5': '#080901',
}

RGB Array

[117, 112, 90], [81, 68, 52], [24, 43, 60], [41, 22, 26], [8, 9, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75705A, #514434, #182B3C, #29161A, #080901 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: #75705a; --color-2: #514434; --color-3: #182b3c; --color-4: #29161a; --color-5: #080901. 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