#913913 + #AB511A + #1F2124 + #2A2D30 + #373B40 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#913913

Tangerine · Brown · Amber Brown

HEX

#913913

RGB

rgb(145, 57, 19)

HSL

hsl(18, 77%, 32%)

HSB

hsb(18, 87%, 57%)

CMYK

cmyk(0%, 61%, 87%, 43%)

Oklch

oklch(46.1% 0.129 41.0)

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

#AB511A

Tangerine · Sienna · Amber Brown

HEX

#AB511A

RGB

rgb(171, 81, 26)

HSL

hsl(23, 74%, 39%)

HSB

hsb(23, 85%, 67%)

CMYK

cmyk(0%, 53%, 85%, 33%)

Oklch

oklch(53.9% 0.134 47.4)

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

#1F2124

Ink Black · Black · Dark Stone

HEX

#1F2124

RGB

rgb(31, 33, 36)

HSL

hsl(216, 7%, 13%)

HSB

hsb(216, 14%, 14%)

CMYK

cmyk(14%, 8%, 0%, 86%)

Oklch

oklch(24.7% 0.006 258.4)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#2A2D30

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#2A2D30

RGB

rgb(42, 45, 48)

HSL

hsl(210, 7%, 18%)

HSB

hsb(210, 13%, 19%)

CMYK

cmyk(13%, 6%, 0%, 81%)

Oklch

oklch(29.5% 0.007 248.1)

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

#373B40

Indigo · DarkSlateGray · Dark Stone

HEX

#373B40

RGB

rgb(55, 59, 64)

HSL

hsl(213, 8%, 23%)

HSB

hsb(213, 14%, 25%)

CMYK

cmyk(14%, 8%, 0%, 75%)

Oklch

oklch(35.0% 0.010 254.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

913913

136B90

Analogous

90132C

913913

907713

Triadic

913913

139038

381390

Split-Comp.

913913

139077

132C90

Tetradic

913913

2C9013

136B90

771390

Contrast Matrix WCAG 2.1 Contrast

913913	AB511A	1F2124	2A2D30	373B40
—	1.4 Fail	2.2 Fail	1.8 Fail	1.5 Fail
1.4 Fail	—	3.0 AA Large	2.6 Fail	2.1 Fail
2.2 Fail	3.0 AA Large	—	1.2 Fail	1.4 Fail
1.8 Fail	2.6 Fail	1.2 Fail	—	1.2 Fail
1.5 Fail	2.1 Fail	1.4 Fail	1.2 Fail	—

White BG

7.5AAA

5.4AA

16.1AAA

13.8AAA

11.3AAA

Black BG

2.8Fail

3.9AA Large

1.3Fail

1.5Fail

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A1C

848327

202023

2B2B2F

39393F

Deuteranopia

70771E

89902B

202023

2B2B2F

39383F

Tritanopia

8D2325

A73234

1F2323

2A2F2F

373E3E

Achromatopsia

4F4F4F

666666

212121

2C2C2C

3A3A3A

Shades & Tints Shades & Tints

#913913

Dark

Light

#AB511A

Dark

Light

#1F2124

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #913913;
  --color-2: #ab511a;
  --color-3: #1f2124;
  --color-4: #2a2d30;
  --color-5: #373b40;
}

SCSS

$color-1: #913913;
$color-2: #ab511a;
$color-3: #1f2124;
$color-4: #2a2d30;
$color-5: #373b40;

TAILWIND

colors: {
  'brand-1': '#913913',
  'brand-2': '#ab511a',
  'brand-3': '#1f2124',
  'brand-4': '#2a2d30',
  'brand-5': '#373b40',
}

RGB Array

[145, 57, 19], [171, 81, 26], [31, 33, 36], [42, 45, 48], [55, 59, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #913913, #AB511A, #1F2124, #2A2D30, #373B40 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: #913913; --color-2: #ab511a; --color-3: #1f2124; --color-4: #2a2d30; --color-5: #373b40. 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