← Back to Editor

#679392 · #262D26 · #856451 · #B1937B · #BCB589

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

#679392

Mineral Blue · CadetBlue · Mint Ice

HEX
#679392
RGB
rgb(103, 147, 146)
HSL
hsl(179, 18%, 49%)
HSB
hsb(179, 30%, 58%)
CMYK
cmyk(30%, 0%, 1%, 42%)
Oklch
oklch(63.1% 0.048 194.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#262D26

Celadon · DarkSlateGray · Dark Stone

HEX
#262D26
RGB
rgb(38, 45, 38)
HSL
hsl(120, 8%, 16%)
HSB
hsb(120, 16%, 18%)
CMYK
cmyk(16%, 0%, 16%, 82%)
Oklch
oklch(28.8% 0.016 145.1)

Traditional「Celadon」· Paint「Dark Stone」· Creative Midnight Shadow

#856451

Tangerine · DimGray · Amber Brown

HEX
#856451
RGB
rgb(133, 100, 81)
HSL
hsl(22, 24%, 42%)
HSB
hsb(22, 39%, 52%)
CMYK
cmyk(0%, 25%, 39%, 48%)
Oklch
oklch(53.2% 0.052 51.2)

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

#B1937B

Tangerine · Tan · Warm Sun

HEX
#B1937B
RGB
rgb(177, 147, 123)
HSL
hsl(27, 26%, 59%)
HSB
hsb(27, 31%, 69%)
CMYK
cmyk(0%, 17%, 31%, 31%)
Oklch
oklch(68.4% 0.050 60.5)

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

#BCB589

Fresh Green · Tan · Sunflower

HEX
#BCB589
RGB
rgb(188, 181, 137)
HSL
hsl(52, 28%, 64%)
HSB
hsb(52, 27%, 74%)
CMYK
cmyk(0%, 4%, 27%, 26%)
Oklch
oklch(76.8% 0.060 100.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

679392
936667

Analogous

66937C
679392
667E93

Triadic

679392
936693
939366

Split-Comp.

679392
93667E
937C66

Tetradic

679392
7C6693
936667
7E9366

Contrast Matrix WCAG 2.1 Contrast

679392
262D26
856451
B1937B
BCB589
—
4.1
AA Large
1.6
Fail
1.2
Fail
1.6
Fail
4.1
AA Large
—
2.7
Fail
4.9
AA
6.8
AA
1.6
Fail
2.7
Fail
—
1.9
Fail
2.6
Fail
1.2
Fail
4.9
AA
1.9
Fail
—
1.4
Fail
1.6
Fail
6.8
AA
2.6
Fail
1.4
Fail
—
White BG
3.4AA Large
14.1AAA
5.3AA
2.9Fail
2.1Fail
Black BG
6.2AA
1.5Fail
3.9AA Large
7.3AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7A92
292928
777656
A4A481
B9B994

Deuteranopia

787492
292828
797B57
A6A882
B9BA96

Tritanopia

699292
262929
83595A
B08586
BC9C9E

Achromatopsia

868686
2A2A2A
6C6C6C
999999
B2B2B2

Shades & Tints Shades & Tints

#679392

Dark
Light

#262D26

Dark
Light

#856451

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #679392;
  --color-2: #262d26;
  --color-3: #856451;
  --color-4: #b1937b;
  --color-5: #bcb589;
}

SCSS

$color-1: #679392;
$color-2: #262d26;
$color-3: #856451;
$color-4: #b1937b;
$color-5: #bcb589;

TAILWIND

colors: {
  'brand-1': '#679392',
  'brand-2': '#262d26',
  'brand-3': '#856451',
  'brand-4': '#b1937b',
  'brand-5': '#bcb589',
}

RGB Array

[103, 147, 146], [38, 45, 38], [133, 100, 81], [177, 147, 123], [188, 181, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #679392, #262D26, #856451, #B1937B, #BCB589 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #679392; --color-2: #262d26; --color-3: #856451; --color-4: #b1937b; --color-5: #bcb589. 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. Restrained colors convey professionalism and trust. 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