← Back to Editor

#DBB8B4 · #49383E · #614E54 · #86525F · #B0495E

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

#DBB8B4

Peach Pink · Silver · Coral Red

HEX
#DBB8B4
RGB
rgb(219, 184, 180)
HSL
hsl(6, 35%, 78%)
HSB
hsb(6, 18%, 86%)
CMYK
cmyk(0%, 16%, 18%, 14%)
Oklch
oklch(81.2% 0.041 25.7)

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

#49383E

Dark Violet · DarkSlateGray · Raspberry

HEX
#49383E
RGB
rgb(73, 56, 62)
HSL
hsl(339, 13%, 25%)
HSB
hsb(339, 23%, 29%)
CMYK
cmyk(0%, 23%, 15%, 71%)
Oklch
oklch(36.1% 0.026 355.4)

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

#614E54

Dark Violet · DimGray · Camellia

HEX
#614E54
RGB
rgb(97, 78, 84)
HSL
hsl(341, 11%, 34%)
HSB
hsb(341, 20%, 38%)
CMYK
cmyk(0%, 20%, 13%, 62%)
Oklch
oklch(44.5% 0.027 357.4)

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

#86525F

Crimson · DimGray · Passion Red

HEX
#86525F
RGB
rgb(134, 82, 95)
HSL
hsl(345, 24%, 42%)
HSB
hsb(345, 39%, 53%)
CMYK
cmyk(0%, 39%, 29%, 47%)
Oklch
oklch(50.1% 0.071 3.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#B0495E

Crimson · Sienna · Passion Red

HEX
#B0495E
RGB
rgb(176, 73, 94)
HSL
hsl(348, 41%, 49%)
HSB
hsb(348, 59%, 69%)
CMYK
cmyk(0%, 59%, 47%, 31%)
Oklch
oklch(54.6% 0.135 10.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBB8B4
B3D7DB

Analogous

DBB3C3
DBB8B4
DBCBB3

Triadic

DBB8B4
B3DBB7
B7B3DB

Split-Comp.

DBB8B4
B3DBCB
B3C3DB

Tetradic

DBB8B4
C3DBB3
B3D7DB
CBB3DB

Contrast Matrix WCAG 2.1 Contrast

DBB8B4
49383E
614E54
86525F
B0495E
—
6.0
AA
4.2
AA Large
3.4
AA Large
2.9
Fail
6.0
AA
—
1.4
Fail
1.8
Fail
2.1
Fail
4.2
AA Large
1.4
Fail
—
1.2
Fail
1.5
Fail
3.4
AA Large
1.8
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
White BG
1.8Fail
10.9AAA
7.7AAA
6.2AA
5.3AA
Black BG
11.5AAA
1.9Fail
2.7Fail
3.4AA Large
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB5
42413D
595953
6F6F5C
838259

Deuteranopia

CED0B5
43443C
5A5B52
73765B
899158

Tritanopia

D9B6B6
483B3B
605151
835959
AB5554

Achromatopsia

C2C2C2
3E3E3E
545454
636363
6A6A6A

Shades & Tints Shades & Tints

#DBB8B4

Dark
Light

#49383E

Dark
Light

#614E54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbb8b4;
  --color-2: #49383e;
  --color-3: #614e54;
  --color-4: #86525f;
  --color-5: #b0495e;
}

SCSS

$color-1: #dbb8b4;
$color-2: #49383e;
$color-3: #614e54;
$color-4: #86525f;
$color-5: #b0495e;

TAILWIND

colors: {
  'brand-1': '#dbb8b4',
  'brand-2': '#49383e',
  'brand-3': '#614e54',
  'brand-4': '#86525f',
  'brand-5': '#b0495e',
}

RGB Array

[219, 184, 180], [73, 56, 62], [97, 78, 84], [134, 82, 95], [176, 73, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBB8B4, #49383E, #614E54, #86525F, #B0495E is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dbb8b4; --color-2: #49383e; --color-3: #614e54; --color-4: #86525f; --color-5: #b0495e. 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. Restrained colors convey professionalism and trust. 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