← Back to Editor

#B9B27C · #443822 · #DB5F3B · #F39D0A · #DEBAA2

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

#B9B27C

Fresh Green · Tan · Sunflower

HEX
#B9B27C
RGB
rgb(185, 178, 124)
HSL
hsl(53, 30%, 61%)
HSB
hsb(53, 33%, 73%)
CMYK
cmyk(0%, 4%, 33%, 27%)
Oklch
oklch(75.6% 0.073 101.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#443822

Ochre · DarkSlateGray · Cinnamon

HEX
#443822
RGB
rgb(68, 56, 34)
HSL
hsl(39, 33%, 20%)
HSB
hsb(39, 50%, 27%)
CMYK
cmyk(0%, 18%, 50%, 73%)
Oklch
oklch(34.8% 0.039 82.0)

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

#DB5F3B

Vermilion · Chocolate · Passion Red

HEX
#DB5F3B
RGB
rgb(219, 95, 59)
HSL
hsl(14, 69%, 55%)
HSB
hsb(14, 73%, 86%)
CMYK
cmyk(0%, 57%, 73%, 14%)
Oklch
oklch(63.5% 0.164 36.8)

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

#F39D0A

Ochre · Orange · Amber Brown

HEX
#F39D0A
RGB
rgb(243, 157, 10)
HSL
hsl(38, 92%, 50%)
HSB
hsb(38, 96%, 95%)
CMYK
cmyk(0%, 35%, 96%, 5%)
Oklch
oklch(76.4% 0.164 70.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#DEBAA2

Apricot · Tan · Warm Sun

HEX
#DEBAA2
RGB
rgb(222, 186, 162)
HSL
hsl(24, 48%, 75%)
HSB
hsb(24, 27%, 87%)
CMYK
cmyk(0%, 16%, 27%, 13%)
Oklch
oklch(81.4% 0.053 55.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9B27C
7E85B9

Analogous

B9957E
B9B27C
A3B97E

Triadic

B9B27C
7EB9B2
B27EB9

Split-Comp.

B9B27C
7EA3B9
957EB9

Tetradic

B9B27C
7EB995
7E85B9
B97EA3

Contrast Matrix WCAG 2.1 Contrast

B9B27C
443822
DB5F3B
F39D0A
DEBAA2
—
5.3
AA
1.7
Fail
1.0
Fail
1.2
Fail
5.3
AA
—
3.1
AA Large
5.3
AA
6.4
AA
1.7
Fail
3.1
AA Large
—
1.7
Fail
2.0
Fail
1.0
Fail
5.3
AA
1.7
Fail
—
1.2
Fail
1.2
Fail
6.4
AA
2.0
Fail
1.2
Fail
—
White BG
2.2Fail
11.4AAA
3.7AA Large
2.2Fail
1.8Fail
Black BG
9.7AAA
1.8Fail
5.7AA
9.6AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B689
3F3F27
A5A444
CECD2E
CECEA8

Deuteranopia

B6B78C
404029
ADB646
D3D936
D1D3A9

Tritanopia

B99396
432C2C
D54B4C
EF4A50
DCACAD

Achromatopsia

AEAEAE
393939
808080
A6A6A6
C2C2C2

Shades & Tints Shades & Tints

#B9B27C

Dark
Light

#443822

Dark
Light

#DB5F3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9b27c;
  --color-2: #443822;
  --color-3: #db5f3b;
  --color-4: #f39d0a;
  --color-5: #debaa2;
}

SCSS

$color-1: #b9b27c;
$color-2: #443822;
$color-3: #db5f3b;
$color-4: #f39d0a;
$color-5: #debaa2;

TAILWIND

colors: {
  'brand-1': '#b9b27c',
  'brand-2': '#443822',
  'brand-3': '#db5f3b',
  'brand-4': '#f39d0a',
  'brand-5': '#debaa2',
}

RGB Array

[185, 178, 124], [68, 56, 34], [219, 95, 59], [243, 157, 10], [222, 186, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9B27C, #443822, #DB5F3B, #F39D0A, #DEBAA2 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: #b9b27c; --color-2: #443822; --color-3: #db5f3b; --color-4: #f39d0a; --color-5: #debaa2. 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