← Back to Editor

#B1C6BF · #839F93 · #371200 · #AA8C58 · #FFE9D0

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

#B1C6BF

Jade · Silver · Lake Green

HEX
#B1C6BF
RGB
rgb(177, 198, 191)
HSL
hsl(160, 16%, 74%)
HSB
hsb(160, 11%, 78%)
CMYK
cmyk(11%, 0%, 4%, 22%)
Oklch
oklch(80.9% 0.025 173.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#839F93

Mineral Blue · LightSlateGray · Olive Green

HEX
#839F93
RGB
rgb(131, 159, 147)
HSL
hsl(154, 13%, 57%)
HSB
hsb(154, 18%, 62%)
CMYK
cmyk(18%, 0%, 8%, 38%)
Oklch
oklch(67.8% 0.036 167.4)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#371200

Tangerine · Black · Cinnamon

HEX
#371200
RGB
rgb(55, 18, 0)
HSL
hsl(20, 100%, 11%)
HSB
hsb(20, 100%, 22%)
CMYK
cmyk(0%, 67%, 100%, 78%)
Oklch
oklch(23.8% 0.067 46.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#AA8C58

Ginger · Gray · Warm Sun

HEX
#AA8C58
RGB
rgb(170, 140, 88)
HSL
hsl(38, 33%, 51%)
HSB
hsb(38, 48%, 67%)
CMYK
cmyk(0%, 18%, 48%, 33%)
Oklch
oklch(65.6% 0.078 80.5)

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

#FFE9D0

Goose Yellow · Bisque · Peach Orange

HEX
#FFE9D0
RGB
rgb(255, 233, 208)
HSL
hsl(32, 100%, 91%)
HSB
hsb(32, 18%, 100%)
CMYK
cmyk(0%, 9%, 18%, 0%)
Oklch
oklch(94.5% 0.041 70.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1C6BF
C7B2B9

Analogous

B2C7B6
B1C6BF
B2C4C7

Triadic

B1C6BF
C0B2C7
C7C0B2

Split-Comp.

B1C6BF
C7B2C4
C7B6B2

Tetradic

B1C6BF
B6B2C7
C7B2B9
C4C7B2

Contrast Matrix WCAG 2.1 Contrast

B1C6BF
839F93
371200
AA8C58
FFE9D0
—
1.6
Fail
9.4
AAA
1.8
Fail
1.5
Fail
1.6
Fail
—
5.9
AA
1.1
Fail
2.4
Fail
9.4
AAA
5.9
AA
—
5.3
AA
14.3
AAA
1.8
Fail
1.1
Fail
5.3
AA
—
2.7
Fail
1.5
Fail
2.4
Fail
14.3
AAA
2.7
Fail
—
White BG
1.8Fail
2.9Fail
16.8AAA
3.2AA Large
1.2Fail
Black BG
11.7AAA
7.3AAA
1.2Fail
6.6AA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAC1
8F8F96
272704
9D9D65
F5F5D6

Deuteranopia

B9B7C1
8E8B97
292C05
9FA168
F7F8D8

Tritanopia

B2C2C2
849899
350809
A96F71
FEDBDC

Achromatopsia

BFBFBF
959595
1B1B1B
8F8F8F
EDEDED

Shades & Tints Shades & Tints

#B1C6BF

Dark
Light

#839F93

Dark
Light

#371200

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1c6bf;
  --color-2: #839f93;
  --color-3: #371200;
  --color-4: #aa8c58;
  --color-5: #ffe9d0;
}

SCSS

$color-1: #b1c6bf;
$color-2: #839f93;
$color-3: #371200;
$color-4: #aa8c58;
$color-5: #ffe9d0;

TAILWIND

colors: {
  'brand-1': '#b1c6bf',
  'brand-2': '#839f93',
  'brand-3': '#371200',
  'brand-4': '#aa8c58',
  'brand-5': '#ffe9d0',
}

RGB Array

[177, 198, 191], [131, 159, 147], [55, 18, 0], [170, 140, 88], [255, 233, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1C6BF, #839F93, #371200, #AA8C58, #FFE9D0 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: #b1c6bf; --color-2: #839f93; --color-3: #371200; --color-4: #aa8c58; --color-5: #ffe9d0. 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