← Back to Editor

#B69378 · #F3BFD3 · #F59CB5 · #9B6E77 · #392D3D

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

#B69378

Tangerine · Tan · Warm Sun

HEX
#B69378
RGB
rgb(182, 147, 120)
HSL
hsl(26, 30%, 59%)
HSB
hsb(26, 34%, 71%)
CMYK
cmyk(0%, 19%, 34%, 29%)
Oklch
oklch(68.9% 0.057 59.3)

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

#F3BFD3

Rouge · Pink · Cherry Blossom

HEX
#F3BFD3
RGB
rgb(243, 191, 211)
HSL
hsl(337, 68%, 85%)
HSB
hsb(337, 21%, 95%)
CMYK
cmyk(0%, 21%, 13%, 5%)
Oklch
oklch(85.7% 0.065 353.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F59CB5

Rouge · LightPink · Cherry Blossom

HEX
#F59CB5
RGB
rgb(245, 156, 181)
HSL
hsl(343, 82%, 79%)
HSB
hsb(343, 36%, 96%)
CMYK
cmyk(0%, 36%, 26%, 4%)
Oklch
oklch(78.9% 0.110 1.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#9B6E77

Crimson · Gray · Passion Red

HEX
#9B6E77
RGB
rgb(155, 110, 119)
HSL
hsl(348, 18%, 52%)
HSB
hsb(348, 29%, 61%)
CMYK
cmyk(0%, 29%, 23%, 39%)
Oklch
oklch(58.7% 0.058 5.8)

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

#392D3D

Dark Plum · DarkSlateGray · Eggplant

HEX
#392D3D
RGB
rgb(57, 45, 61)
HSL
hsl(285, 15%, 21%)
HSB
hsb(285, 26%, 24%)
CMYK
cmyk(7%, 26%, 0%, 76%)
Oklch
oklch(31.7% 0.032 317.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B69378
779BB6

Analogous

B6777B
B69378
B6B277

Triadic

B69378
77B692
9277B6

Split-Comp.

B69378
77B6B2
777BB6

Tetradic

B69378
7BB677
779BB6
B277B6

Contrast Matrix WCAG 2.1 Contrast

B69378
F3BFD3
F59CB5
9B6E77
392D3D
—
1.8
Fail
1.4
Fail
1.5
Fail
4.6
AA
1.8
Fail
—
1.3
Fail
2.7
Fail
8.2
AAA
1.4
Fail
1.3
Fail
—
2.1
Fail
6.4
AA
1.5
Fail
2.7
Fail
2.1
Fail
—
3.0
AA Large
4.6
AA
8.2
AAA
6.4
AA
3.0
AA Large
—
White BG
2.8Fail
1.6Fail
2.0Fail
4.3AA Large
13.0AAA
Black BG
7.4AAA
13.2AAA
10.3AAA
4.9AA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A77F
DCDCCE
CECEAF
888775
343439

Deuteranopia

A9AC80
E0E3CD
D4DAAE
8A8E74
353538

Tritanopia

B48485
F0CACA
F1AAA9
997373
383635

Achromatopsia

9A9A9A
D1D1D1
B9B9B9
7C7C7C
323232

Shades & Tints Shades & Tints

#B69378

Dark
Light

#F3BFD3

Dark
Light

#F59CB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b69378;
  --color-2: #f3bfd3;
  --color-3: #f59cb5;
  --color-4: #9b6e77;
  --color-5: #392d3d;
}

SCSS

$color-1: #b69378;
$color-2: #f3bfd3;
$color-3: #f59cb5;
$color-4: #9b6e77;
$color-5: #392d3d;

TAILWIND

colors: {
  'brand-1': '#b69378',
  'brand-2': '#f3bfd3',
  'brand-3': '#f59cb5',
  'brand-4': '#9b6e77',
  'brand-5': '#392d3d',
}

RGB Array

[182, 147, 120], [243, 191, 211], [245, 156, 181], [155, 110, 119], [57, 45, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B69378, #F3BFD3, #F59CB5, #9B6E77, #392D3D 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: #b69378; --color-2: #f3bfd3; --color-3: #f59cb5; --color-4: #9b6e77; --color-5: #392d3d. 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