← Back to Editor

#A68164 · #EF8949 · #D94718 · #43141E · #252628

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A68164

Tangerine · Gray · Warm Sun

HEX
#A68164
RGB
rgb(166, 129, 100)
HSL
hsl(26, 27%, 52%)
HSB
hsb(26, 40%, 65%)
CMYK
cmyk(0%, 22%, 40%, 35%)
Oklch
oklch(63.2% 0.062 59.4)

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

#EF8949

Apricot · Coral · Warm Sun

HEX
#EF8949
RGB
rgb(239, 137, 73)
HSL
hsl(23, 84%, 61%)
HSB
hsb(23, 69%, 94%)
CMYK
cmyk(0%, 43%, 69%, 6%)
Oklch
oklch(72.9% 0.147 50.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D94718

Tangerine · Chocolate · Amber Brown

HEX
#D94718
RGB
rgb(217, 71, 24)
HSL
hsl(15, 80%, 47%)
HSB
hsb(15, 89%, 85%)
CMYK
cmyk(0%, 67%, 89%, 15%)
Oklch
oklch(59.9% 0.190 36.5)

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

#43141E

Crimson · Maroon · Deep Berry

HEX
#43141E
RGB
rgb(67, 20, 30)
HSL
hsl(347, 54%, 17%)
HSB
hsb(347, 70%, 26%)
CMYK
cmyk(0%, 70%, 55%, 74%)
Oklch
oklch(27.1% 0.073 10.5)

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

#252628

Ink Black · DarkSlateGray · Dark Stone

HEX
#252628
RGB
rgb(37, 38, 40)
HSL
hsl(220, 4%, 15%)
HSB
hsb(220, 7%, 16%)
CMYK
cmyk(7%, 5%, 0%, 84%)
Oklch
oklch(26.8% 0.004 264.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A68164
6489A6

Analogous

A66468
A68164
A6A164

Triadic

A68164
64A680
8064A6

Split-Comp.

A68164
64A6A1
6468A6

Tetradic

A68164
68A664
6489A6
A164A6

Contrast Matrix WCAG 2.1 Contrast

A68164
EF8949
D94718
43141E
252628
—
1.4
Fail
1.2
Fail
4.4
AA Large
4.3
AA Large
1.4
Fail
—
1.7
Fail
6.1
AA
6.0
AA
1.2
Fail
1.7
Fail
—
3.6
AA Large
3.5
AA Large
4.4
AA Large
6.1
AA
3.6
AA Large
—
1.0
Fail
4.3
AA Large
6.0
AA
3.5
AA Large
1.0
Fail
—
White BG
3.5AA Large
2.5Fail
4.3AA Large
15.5AAA
15.1AAA
Black BG
5.9AA
8.3AAA
4.9AA
1.4Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

96966B
C3C258
9A9823
2F2E1C
252528

Deuteranopia

989B6D
C9D05C
A2AD26
31351B
252527

Tritanopia

A47172
EA6567
D22C2E
411A19
252727

Achromatopsia

898989
A0A0A0
6D6D6D
232323
262626

Shades & Tints Shades & Tints

#A68164

Dark
Light

#EF8949

Dark
Light

#D94718

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a68164;
  --color-2: #ef8949;
  --color-3: #d94718;
  --color-4: #43141e;
  --color-5: #252628;
}

SCSS

$color-1: #a68164;
$color-2: #ef8949;
$color-3: #d94718;
$color-4: #43141e;
$color-5: #252628;

TAILWIND

colors: {
  'brand-1': '#a68164',
  'brand-2': '#ef8949',
  'brand-3': '#d94718',
  'brand-4': '#43141e',
  'brand-5': '#252628',
}

RGB Array

[166, 129, 100], [239, 137, 73], [217, 71, 24], [67, 20, 30], [37, 38, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A68164, #EF8949, #D94718, #43141E, #252628 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a68164; --color-2: #ef8949; --color-3: #d94718; --color-4: #43141e; --color-5: #252628. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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