#A9865C + #E8336C + #D11850 + #800F25 + #2B2D2E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A9865C

Ginger · Gray · Warm Sun

HEX

#A9865C

RGB

rgb(169, 134, 92)

HSL

hsl(33, 31%, 51%)

HSB

hsb(33, 46%, 66%)

CMYK

cmyk(0%, 21%, 46%, 34%)

Oklch

oklch(64.3% 0.072 71.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E8336C

Dark Violet · MediumVioletRed · Rose Pink

HEX

#E8336C

RGB

rgb(232, 51, 108)

HSL

hsl(341, 80%, 55%)

HSB

hsb(341, 78%, 91%)

CMYK

cmyk(0%, 78%, 53%, 9%)

Oklch

oklch(61.9% 0.216 8.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D11850

Dark Violet · Crimson · Camellia

HEX

#D11850

RGB

rgb(209, 24, 80)

HSL

hsl(342, 79%, 46%)

HSB

hsb(342, 89%, 82%)

CMYK

cmyk(0%, 89%, 62%, 18%)

Oklch

oklch(55.6% 0.212 12.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#800F25

Vermilion · Maroon · Wine Red

HEX

#800F25

RGB

rgb(128, 15, 37)

HSL

hsl(348, 79%, 28%)

HSB

hsb(348, 88%, 50%)

CMYK

cmyk(0%, 88%, 71%, 50%)

Oklch

oklch(38.8% 0.144 18.2)

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

#2B2D2E

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#2B2D2E

RGB

rgb(43, 45, 46)

HSL

hsl(200, 3%, 17%)

HSB

hsb(200, 7%, 18%)

CMYK

cmyk(7%, 2%, 0%, 82%)

Oklch

oklch(29.6% 0.003 228.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9865C

5B7EA9

Analogous

A95F5B

A9865C

A5A95B

Triadic

A9865C

5BA986

865BA9

Split-Comp.

A9865C

5BA5A9

5F5BA9

Tetradic

A9865C

5BA95F

5B7EA9

A95BA5

Contrast Matrix WCAG 2.1 Contrast

A9865C	E8336C	D11850	800F25	2B2D2E
—	1.2 Fail	1.6 Fail	3.1 AA Large	4.1 AA Large
1.2 Fail	—	1.3 Fail	2.5 Fail	3.4 AA Large
1.6 Fail	1.3 Fail	—	2.0 Fail	2.6 Fail
3.1 AA Large	2.5 Fail	2.0 Fail	—	1.3 Fail
4.1 AA Large	3.4 AA Large	2.6 Fail	1.3 Fail	—

White BG

3.4AA Large

4.1AA Large

5.3AA

10.4AAA

13.8AAA

Black BG

6.3AA

5.1AA

4.0AA Large

2.0Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A66

9A985E

817F42

4F4E20

2C2C2E

Deuteranopia

9C9F69

A4B25B

8C993F

565E1E

2C2C2E

Tritanopia

A76E70

DF5351

C83835

7A1B1B

2B2E2E

Achromatopsia

8C8C8C

707070

565656

333333

2D2D2D

Shades & Tints Shades & Tints

#A9865C

Dark

Light

#E8336C

Dark

Light

#D11850

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9865c;
  --color-2: #e8336c;
  --color-3: #d11850;
  --color-4: #800f25;
  --color-5: #2b2d2e;
}

SCSS

$color-1: #a9865c;
$color-2: #e8336c;
$color-3: #d11850;
$color-4: #800f25;
$color-5: #2b2d2e;

TAILWIND

colors: {
  'brand-1': '#a9865c',
  'brand-2': '#e8336c',
  'brand-3': '#d11850',
  'brand-4': '#800f25',
  'brand-5': '#2b2d2e',
}

RGB Array

[169, 134, 92], [232, 51, 108], [209, 24, 80], [128, 15, 37], [43, 45, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9865C, #E8336C, #D11850, #800F25, #2B2D2E 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: #a9865c; --color-2: #e8336c; --color-3: #d11850; --color-4: #800f25; --color-5: #2b2d2e. 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