← Back to Editor

#725128 · #B8592D · #D1983F · #F1CC85 · #C18B71

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

#725128

Ochre · DarkOliveGreen · Amber Brown

HEX
#725128
RGB
rgb(114, 81, 40)
HSL
hsl(33, 48%, 30%)
HSB
hsb(33, 65%, 45%)
CMYK
cmyk(0%, 29%, 65%, 55%)
Oklch
oklch(46.1% 0.072 70.3)

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

#B8592D

Tangerine · Sienna · Amber Brown

HEX
#B8592D
RGB
rgb(184, 89, 45)
HSL
hsl(19, 61%, 45%)
HSB
hsb(19, 76%, 72%)
CMYK
cmyk(0%, 52%, 76%, 28%)
Oklch
oklch(57.3% 0.136 43.6)

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

#D1983F

Ginger · GoldenRod · Warm Sun

HEX
#D1983F
RGB
rgb(209, 152, 63)
HSL
hsl(37, 61%, 53%)
HSB
hsb(37, 70%, 82%)
CMYK
cmyk(0%, 27%, 70%, 18%)
Oklch
oklch(71.9% 0.124 75.3)

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

#F1CC85

Goose Yellow · Khaki · Warm Sun

HEX
#F1CC85
RGB
rgb(241, 204, 133)
HSL
hsl(39, 79%, 73%)
HSB
hsb(39, 45%, 95%)
CMYK
cmyk(0%, 15%, 45%, 5%)
Oklch
oklch(86.1% 0.099 83.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C18B71

Tangerine · DarkSalmon · Warm Sun

HEX
#C18B71
RGB
rgb(193, 139, 113)
HSL
hsl(19, 39%, 60%)
HSB
hsb(19, 41%, 76%)
CMYK
cmyk(0%, 28%, 41%, 24%)
Oklch
oklch(68.3% 0.076 46.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

725128
284971

Analogous

712B28
725128
6E7128

Triadic

725128
287150
502871

Split-Comp.

725128
286E71
2B2871

Tetradic

725128
28712B
284971
71286E

Contrast Matrix WCAG 2.1 Contrast

725128
B8592D
D1983F
F1CC85
C18B71
—
1.5
Fail
2.8
Fail
4.7
AA
2.5
Fail
1.5
Fail
—
1.8
Fail
3.0
AA Large
1.6
Fail
2.8
Fail
1.8
Fail
—
1.7
Fail
1.1
Fail
4.7
AA
3.0
AA Large
1.7
Fail
—
1.9
Fail
2.5
Fail
1.6
Fail
1.1
Fail
1.9
Fail
—
White BG
7.2AAA
4.7AA
2.5Fail
1.5Fail
2.9Fail
Black BG
2.9Fail
4.5AA
8.3AAA
13.7AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

646332
8F8E38
B8B855
E1E196
AAA977

Deuteranopia

666834
949B3A
BCC05A
E3E69A
ADB179

Tritanopia

703A3B
B34042
CE6669
EFA4A7
BE7C7D

Achromatopsia

565656
707070
9F9F9F
CFCFCF
989898

Shades & Tints Shades & Tints

#725128

Dark
Light

#B8592D

Dark
Light

#D1983F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #725128;
  --color-2: #b8592d;
  --color-3: #d1983f;
  --color-4: #f1cc85;
  --color-5: #c18b71;
}

SCSS

$color-1: #725128;
$color-2: #b8592d;
$color-3: #d1983f;
$color-4: #f1cc85;
$color-5: #c18b71;

TAILWIND

colors: {
  'brand-1': '#725128',
  'brand-2': '#b8592d',
  'brand-3': '#d1983f',
  'brand-4': '#f1cc85',
  'brand-5': '#c18b71',
}

RGB Array

[114, 81, 40], [184, 89, 45], [209, 152, 63], [241, 204, 133], [193, 139, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #725128, #B8592D, #D1983F, #F1CC85, #C18B71 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: #725128; --color-2: #b8592d; --color-3: #d1983f; --color-4: #f1cc85; --color-5: #c18b71. 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