← Back to Editor

#48464F · #A59095 · #E1D5D5 · #BC9DBF · #837687

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

#48464F

Dark Cyan · DarkSlateGray · Charcoal

HEX
#48464F
RGB
rgb(72, 70, 79)
HSL
hsl(253, 6%, 29%)
HSB
hsb(253, 11%, 31%)
CMYK
cmyk(9%, 11%, 0%, 69%)
Oklch
oklch(39.9% 0.015 295.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#A59095

Peach Pink · DarkGray · Coral Red

HEX
#A59095
RGB
rgb(165, 144, 149)
HSL
hsl(346, 10%, 61%)
HSB
hsb(346, 13%, 65%)
CMYK
cmyk(0%, 13%, 10%, 35%)
Oklch
oklch(67.4% 0.026 1.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E1D5D5

Peach Pink · LightGray · Cherry Blossom

HEX
#E1D5D5
RGB
rgb(225, 213, 213)
HSL
hsl(0, 17%, 86%)
HSB
hsb(0, 5%, 88%)
CMYK
cmyk(0%, 5%, 5%, 12%)
Oklch
oklch(88.3% 0.013 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BC9DBF

Lilac · DarkGray · Lilac Purple

HEX
#BC9DBF
RGB
rgb(188, 157, 191)
HSL
hsl(295, 21%, 68%)
HSB
hsb(295, 18%, 75%)
CMYK
cmyk(2%, 18%, 0%, 25%)
Oklch
oklch(73.5% 0.059 323.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#837687

Ink Gray · Gray · Warm Gray

HEX
#837687
RGB
rgb(131, 118, 135)
HSL
hsl(286, 7%, 50%)
HSB
hsb(286, 13%, 53%)
CMYK
cmyk(3%, 13%, 0%, 47%)
Oklch
oklch(58.3% 0.030 318.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

48464F
4C4E46

Analogous

46484E
48464F
4C464E

Triadic

48464F
4E4746
464E47

Split-Comp.

48464F
4E4C46
484E46

Tetradic

48464F
4E4648
4C4E46
464E4C

Contrast Matrix WCAG 2.1 Contrast

48464F
A59095
E1D5D5
BC9DBF
837687
—
3.1
AA Large
6.5
AA
3.8
AA Large
2.2
Fail
3.1
AA Large
—
2.1
Fail
1.2
Fail
1.4
Fail
6.5
AA
2.1
Fail
—
1.7
Fail
3.0
Fail
3.8
AA Large
1.2
Fail
1.7
Fail
—
1.8
Fail
2.2
Fail
1.4
Fail
3.0
Fail
1.8
Fail
—
White BG
9.3AAA
3.0Fail
1.4Fail
2.4Fail
4.3AA Large
Black BG
2.3Fail
7.0AAA
14.7AAA
8.7AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

47474D
9C9C94
DCDCD5
AFAEB7
7D7D83

Deuteranopia

47474C
9D9F94
DDDDD5
B0B3B5
7E7F82

Tritanopia

484B4B
A49393
E0D5D5
BAB0AF
82807F

Achromatopsia

484848
979797
D9D9D9
AAAAAA
7C7C7C

Shades & Tints Shades & Tints

#48464F

Dark
Light

#A59095

Dark
Light

#E1D5D5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #48464f;
  --color-2: #a59095;
  --color-3: #e1d5d5;
  --color-4: #bc9dbf;
  --color-5: #837687;
}

SCSS

$color-1: #48464f;
$color-2: #a59095;
$color-3: #e1d5d5;
$color-4: #bc9dbf;
$color-5: #837687;

TAILWIND

colors: {
  'brand-1': '#48464f',
  'brand-2': '#a59095',
  'brand-3': '#e1d5d5',
  'brand-4': '#bc9dbf',
  'brand-5': '#837687',
}

RGB Array

[72, 70, 79], [165, 144, 149], [225, 213, 213], [188, 157, 191], [131, 118, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #48464F, #A59095, #E1D5D5, #BC9DBF, #837687 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: #48464f; --color-2: #a59095; --color-3: #e1d5d5; --color-4: #bc9dbf; --color-5: #837687. 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