← Back to Editor

#5A4135 · #DA854D · #C39D85 · #B1A89E · #C0AFA5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5A4135

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5A4135
RGB
rgb(90, 65, 53)
HSL
hsl(19, 26%, 28%)
HSB
hsb(19, 41%, 35%)
CMYK
cmyk(0%, 28%, 41%, 65%)
Oklch
oklch(39.9% 0.040 46.7)

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

#DA854D

Tangerine · Coral · Warm Sun

HEX
#DA854D
RGB
rgb(218, 133, 77)
HSL
hsl(24, 66%, 58%)
HSB
hsb(24, 65%, 85%)
CMYK
cmyk(0%, 39%, 65%, 15%)
Oklch
oklch(69.6% 0.127 52.5)

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

#C39D85

Apricot · Tan · Warm Sun

HEX
#C39D85
RGB
rgb(195, 157, 133)
HSL
hsl(23, 34%, 64%)
HSB
hsb(23, 32%, 76%)
CMYK
cmyk(0%, 19%, 32%, 24%)
Oklch
oklch(72.5% 0.057 53.9)

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

#B1A89E

Ginger · DarkGray · Warm Sun

HEX
#B1A89E
RGB
rgb(177, 168, 158)
HSL
hsl(32, 11%, 66%)
HSB
hsb(32, 11%, 69%)
CMYK
cmyk(0%, 5%, 11%, 31%)
Oklch
oklch(73.6% 0.018 70.5)

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

#C0AFA5

Apricot · DarkGray · Warm Sun

HEX
#C0AFA5
RGB
rgb(192, 175, 165)
HSL
hsl(22, 18%, 70%)
HSB
hsb(22, 14%, 75%)
CMYK
cmyk(0%, 9%, 14%, 25%)
Oklch
oklch(76.6% 0.024 52.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5A4135
354E5A

Analogous

5A353C
5A4135
5A5335

Triadic

5A4135
355A41
41355A

Split-Comp.

5A4135
355A53
353C5A

Tetradic

5A4135
3C5A35
354E5A
53355A

Contrast Matrix WCAG 2.1 Contrast

5A4135
DA854D
C39D85
B1A89E
C0AFA5
—
3.3
AA Large
3.8
AA Large
4.0
AA Large
4.4
AA Large
3.3
AA Large
—
1.1
Fail
1.2
Fail
1.3
Fail
3.8
AA Large
1.1
Fail
—
1.1
Fail
1.2
Fail
4.0
AA Large
1.2
Fail
1.1
Fail
—
1.1
Fail
4.4
AA Large
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
9.4AAA
2.8Fail
2.5Fail
2.3Fail
2.1Fail
Black BG
2.2Fail
7.4AAA
8.5AAA
9.0AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F38
B5B45B
B3B28B
ADADA0
B9B8A7

Deuteranopia

515339
BAC15E
B5B88C
AEAEA1
BABBA8

Tritanopia

593A3B
D66568
C18F90
B1A2A3
BFA9AA

Achromatopsia

474747
989898
A6A6A6
AAAAAA
B3B3B3

Shades & Tints Shades & Tints

#5A4135

Dark
Light

#DA854D

Dark
Light

#C39D85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5a4135;
  --color-2: #da854d;
  --color-3: #c39d85;
  --color-4: #b1a89e;
  --color-5: #c0afa5;
}

SCSS

$color-1: #5a4135;
$color-2: #da854d;
$color-3: #c39d85;
$color-4: #b1a89e;
$color-5: #c0afa5;

TAILWIND

colors: {
  'brand-1': '#5a4135',
  'brand-2': '#da854d',
  'brand-3': '#c39d85',
  'brand-4': '#b1a89e',
  'brand-5': '#c0afa5',
}

RGB Array

[90, 65, 53], [218, 133, 77], [195, 157, 133], [177, 168, 158], [192, 175, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5A4135, #DA854D, #C39D85, #B1A89E, #C0AFA5 is ideal for: 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: #5a4135; --color-2: #da854d; --color-3: #c39d85; --color-4: #b1a89e; --color-5: #c0afa5. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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