← Back to Editor

#B8D0A6 · #92A893 · #736679 · #672659 · #3F0E28

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

#B8D0A6

Celadon · Silver · Apple Green

HEX
#B8D0A6
RGB
rgb(184, 208, 166)
HSL
hsl(94, 31%, 73%)
HSB
hsb(94, 20%, 82%)
CMYK
cmyk(12%, 0%, 20%, 18%)
Oklch
oklch(82.9% 0.063 132.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#92A893

Celadon · DarkSeaGreen · Apple Green

HEX
#92A893
RGB
rgb(146, 168, 147)
HSL
hsl(123, 11%, 62%)
HSB
hsb(123, 13%, 66%)
CMYK
cmyk(13%, 0%, 13%, 34%)
Oklch
oklch(70.9% 0.039 146.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#736679

Dark Plum · DimGray · Warm Gray

HEX
#736679
RGB
rgb(115, 102, 121)
HSL
hsl(281, 9%, 44%)
HSB
hsb(281, 16%, 47%)
CMYK
cmyk(5%, 16%, 0%, 53%)
Oklch
oklch(52.9% 0.033 315.2)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#672659

Rose Purple · Purple · Eggplant

HEX
#672659
RGB
rgb(103, 38, 89)
HSL
hsl(313, 46%, 28%)
HSB
hsb(313, 63%, 40%)
CMYK
cmyk(0%, 63%, 14%, 60%)
Oklch
oklch(38.3% 0.114 336.9)

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

#3F0E28

Rose Purple · Black · Raspberry

HEX
#3F0E28
RGB
rgb(63, 14, 40)
HSL
hsl(328, 64%, 15%)
HSB
hsb(328, 78%, 25%)
CMYK
cmyk(0%, 78%, 37%, 75%)
Oklch
oklch(25.9% 0.082 351.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8D0A6
BDA5CF

Analogous

CDCFA5
B8D0A6
A5CFA8

Triadic

B8D0A6
A5B7CF
CFA5B7

Split-Comp.

B8D0A6
A8A5CF
CFA5CD

Tetradic

B8D0A6
A5CDCF
BDA5CF
CFA8A5

Contrast Matrix WCAG 2.1 Contrast

B8D0A6
92A893
736679
672659
3F0E28
—
1.5
Fail
3.2
AA Large
6.3
AA
9.7
AAA
1.5
Fail
—
2.1
Fail
4.1
AA Large
6.3
AA
3.2
AA Large
2.1
Fail
—
2.0
Fail
3.0
Fail
6.3
AA
4.1
AA Large
2.0
Fail
—
1.5
Fail
9.7
AAA
6.3
AA
3.0
Fail
1.5
Fail
—
White BG
1.7Fail
2.5Fail
5.4AA
10.5AAA
16.1AAA
Black BG
12.6AAA
8.2AAA
3.9AA Large
2.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C3B0
9C9C98
6D6D74
4B4A4D
2A2922

Deuteranopia

C1BFB3
9A9999
6E6F73
4F544A
2D3020

Tritanopia

B9B8BA
939C9D
727170
644341
3D1D1C

Achromatopsia

C4C4C4
9F9F9F
6C6C6C
3F3F3F
202020

Shades & Tints Shades & Tints

#B8D0A6

Dark
Light

#92A893

Dark
Light

#736679

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8d0a6;
  --color-2: #92a893;
  --color-3: #736679;
  --color-4: #672659;
  --color-5: #3f0e28;
}

SCSS

$color-1: #b8d0a6;
$color-2: #92a893;
$color-3: #736679;
$color-4: #672659;
$color-5: #3f0e28;

TAILWIND

colors: {
  'brand-1': '#b8d0a6',
  'brand-2': '#92a893',
  'brand-3': '#736679',
  'brand-4': '#672659',
  'brand-5': '#3f0e28',
}

RGB Array

[184, 208, 166], [146, 168, 147], [115, 102, 121], [103, 38, 89], [63, 14, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8D0A6, #92A893, #736679, #672659, #3F0E28 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: #b8d0a6; --color-2: #92a893; --color-3: #736679; --color-4: #672659; --color-5: #3f0e28. 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