← Back to Editor

#DBA893 · #B49289 · #42736D · #472D3F · #F0AA48

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

#DBA893

Apricot · Tan · Warm Sun

HEX
#DBA893
RGB
rgb(219, 168, 147)
HSL
hsl(18, 50%, 72%)
HSB
hsb(18, 33%, 86%)
CMYK
cmyk(0%, 23%, 33%, 14%)
Oklch
oklch(77.3% 0.067 43.4)

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

#B49289

Peach Pink · DarkGray · Coral Red

HEX
#B49289
RGB
rgb(180, 146, 137)
HSL
hsl(13, 22%, 62%)
HSB
hsb(13, 24%, 71%)
CMYK
cmyk(0%, 19%, 24%, 29%)
Oklch
oklch(68.9% 0.043 35.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#42736D

Mineral Blue · SeaGreen · Mint Ice

HEX
#42736D
RGB
rgb(66, 115, 109)
HSL
hsl(173, 27%, 35%)
HSB
hsb(173, 43%, 45%)
CMYK
cmyk(43%, 0%, 5%, 55%)
Oklch
oklch(51.9% 0.054 185.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#472D3F

Rose Purple · DarkSlateGray · Eggplant

HEX
#472D3F
RGB
rgb(71, 45, 63)
HSL
hsl(318, 22%, 23%)
HSB
hsb(318, 37%, 28%)
CMYK
cmyk(0%, 37%, 11%, 72%)
Oklch
oklch(33.5% 0.048 338.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#F0AA48

Ginger · SandyBrown · Warm Sun

HEX
#F0AA48
RGB
rgb(240, 170, 72)
HSL
hsl(35, 85%, 61%)
HSB
hsb(35, 70%, 94%)
CMYK
cmyk(0%, 29%, 70%, 6%)
Oklch
oklch(78.8% 0.139 72.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBA893
94C6DB

Analogous

DB94A2
DBA893
DBCD94

Triadic

DBA893
94DBA9
A994DB

Split-Comp.

DBA893
94DBCD
94A2DB

Tetradic

DBA893
A2DB94
94C6DB
CD94DB

Contrast Matrix WCAG 2.1 Contrast

DBA893
B49289
42736D
472D3F
F0AA48
—
1.4
Fail
2.6
Fail
5.9
AA
1.1
Fail
1.4
Fail
—
1.9
Fail
4.3
AA Large
1.4
Fail
2.6
Fail
1.9
Fail
—
2.3
Fail
2.7
Fail
5.9
AA
4.3
AA Large
2.3
Fail
—
6.2
AA
1.1
Fail
1.4
Fail
2.7
Fail
6.2
AA
—
White BG
2.1Fail
2.8Fail
5.4AA
12.2AAA
2.0Fail
Black BG
10.0AAA
7.4AAA
3.9AA Large
1.7Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C498
A5A58B
57586E
3C3C3B
D2D160

Deuteranopia

C8CC99
A7AA8C
54516F
3D3F3A
D6DB65

Tritanopia

D89C9D
B28D8D
447070
463736
ED7277

Achromatopsia

B5B5B5
9B9B9B
646464
373737
B4B4B4

Shades & Tints Shades & Tints

#DBA893

Dark
Light

#B49289

Dark
Light

#42736D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dba893;
  --color-2: #b49289;
  --color-3: #42736d;
  --color-4: #472d3f;
  --color-5: #f0aa48;
}

SCSS

$color-1: #dba893;
$color-2: #b49289;
$color-3: #42736d;
$color-4: #472d3f;
$color-5: #f0aa48;

TAILWIND

colors: {
  'brand-1': '#dba893',
  'brand-2': '#b49289',
  'brand-3': '#42736d',
  'brand-4': '#472d3f',
  'brand-5': '#f0aa48',
}

RGB Array

[219, 168, 147], [180, 146, 137], [66, 115, 109], [71, 45, 63], [240, 170, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBA893, #B49289, #42736D, #472D3F, #F0AA48 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: #dba893; --color-2: #b49289; --color-3: #42736d; --color-4: #472d3f; --color-5: #f0aa48. 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