← Back to Editor

#351226 · #785979 · #B7ACB6 · #BAC0C6 · #F7E2B2

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

#351226

Rose Purple · Black · Raspberry

HEX
#351226
RGB
rgb(53, 18, 38)
HSL
hsl(326, 49%, 14%)
HSB
hsb(326, 66%, 21%)
CMYK
cmyk(0%, 66%, 28%, 79%)
Oklch
oklch(24.5% 0.063 347.3)

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

#785979

Dark Plum · DimGray · Violet

HEX
#785979
RGB
rgb(120, 89, 121)
HSL
hsl(298, 15%, 41%)
HSB
hsb(298, 26%, 47%)
CMYK
cmyk(1%, 26%, 0%, 53%)
Oklch
oklch(50.8% 0.062 325.4)

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

#B7ACB6

Ash · DarkGray · Silver Sand

HEX
#B7ACB6
RGB
rgb(183, 172, 182)
HSL
hsl(305, 7%, 70%)
HSB
hsb(305, 6%, 72%)
CMYK
cmyk(0%, 6%, 1%, 28%)
Oklch
oklch(75.7% 0.019 328.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#BAC0C6

Azure · Silver · Cobalt Blue

HEX
#BAC0C6
RGB
rgb(186, 192, 198)
HSL
hsl(210, 10%, 75%)
HSB
hsb(210, 6%, 78%)
CMYK
cmyk(6%, 3%, 0%, 22%)
Oklch
oklch(80.5% 0.011 248.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#F7E2B2

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E2B2
RGB
rgb(247, 226, 178)
HSL
hsl(42, 81%, 83%)
HSB
hsb(42, 28%, 97%)
CMYK
cmyk(0%, 9%, 28%, 3%)
Oklch
oklch(91.8% 0.066 87.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

351226
123521

Analogous

331235
351226
351215

Triadic

351226
263512
122635

Split-Comp.

351226
153512
123533

Tetradic

351226
353312
123521
121535

Contrast Matrix WCAG 2.1 Contrast

351226
785979
B7ACB6
BAC0C6
F7E2B2
—
2.8
Fail
7.6
AAA
9.0
AAA
13.0
AAA
2.8
Fail
—
2.7
Fail
3.3
AA Large
4.7
AA
7.6
AAA
2.7
Fail
—
1.2
Fail
1.7
Fail
9.0
AAA
3.3
AA Large
1.2
Fail
—
1.4
Fail
13.0
AAA
4.7
AA
1.7
Fail
1.4
Fail
—
White BG
16.6AAA
6.0AA
2.2Fail
1.8Fail
1.3Fail
Black BG
1.3Fail
3.5AA Large
9.6AAA
11.4AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262621
6B6A71
B2B2B4
BDBDC5
EEEEBE

Deuteranopia

282A20
6C6F6F
B3B4B3
BCBCC4
EFF1C0

Tritanopia

331D1D
766B6A
B6B2B1
BAC3C3
F6C7C9

Achromatopsia

1F1F1F
666666
B0B0B0
BFBFBF
E3E3E3

Shades & Tints Shades & Tints

#351226

Dark
Light

#785979

Dark
Light

#B7ACB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #351226;
  --color-2: #785979;
  --color-3: #b7acb6;
  --color-4: #bac0c6;
  --color-5: #f7e2b2;
}

SCSS

$color-1: #351226;
$color-2: #785979;
$color-3: #b7acb6;
$color-4: #bac0c6;
$color-5: #f7e2b2;

TAILWIND

colors: {
  'brand-1': '#351226',
  'brand-2': '#785979',
  'brand-3': '#b7acb6',
  'brand-4': '#bac0c6',
  'brand-5': '#f7e2b2',
}

RGB Array

[53, 18, 38], [120, 89, 121], [183, 172, 182], [186, 192, 198], [247, 226, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #351226, #785979, #B7ACB6, #BAC0C6, #F7E2B2 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: #351226; --color-2: #785979; --color-3: #b7acb6; --color-4: #bac0c6; --color-5: #f7e2b2. 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