#263427 + #656B3D + #BB871A + #BC361D + #911F05 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#263427

Celadon · DarkSlateGray · Dark Green

HEX

#263427

RGB

rgb(38, 52, 39)

HSL

hsl(124, 16%, 18%)

HSB

hsb(124, 27%, 20%)

CMYK

cmyk(27%, 0%, 25%, 80%)

Oklch

oklch(30.8% 0.030 146.7)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#656B3D

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#656B3D

RGB

rgb(101, 107, 61)

HSL

hsl(68, 27%, 33%)

HSB

hsb(68, 43%, 42%)

CMYK

cmyk(6%, 0%, 43%, 58%)

Oklch

oklch(51.1% 0.067 114.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BB871A

Ochre · DarkGoldenRod · Honey Gold

HEX

#BB871A

RGB

rgb(187, 135, 26)

HSL

hsl(41, 76%, 42%)

HSB

hsb(41, 86%, 73%)

CMYK

cmyk(0%, 28%, 86%, 27%)

Oklch

oklch(65.8% 0.130 79.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BC361D

Vermilion · FireBrick · Passion Red

HEX

#BC361D

RGB

rgb(188, 54, 29)

HSL

hsl(9, 73%, 43%)

HSB

hsb(9, 85%, 74%)

CMYK

cmyk(0%, 71%, 85%, 26%)

Oklch

oklch(53.2% 0.175 32.7)

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

#911F05

Vermilion · DarkRed · Wine Red

HEX

#911F05

RGB

rgb(145, 31, 5)

HSL

hsl(11, 93%, 29%)

HSB

hsb(11, 97%, 57%)

CMYK

cmyk(0%, 79%, 97%, 43%)

Oklch

oklch(43.0% 0.153 33.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

263427

352734

Analogous

2D3527

263427

27352F

Triadic

263427

282735

352827

Split-Comp.

263427

2F2735

35272D

Tetradic

263427

272D35

352734

352F27

Contrast Matrix WCAG 2.1 Contrast

263427	656B3D	BB871A	BC361D	911F05
—	2.3 Fail	4.1 AA Large	2.3 Fail	1.5 Fail
2.3 Fail	—	1.8 Fail	1.0 Fail	1.6 Fail
4.1 AA Large	1.8 Fail	—	1.8 Fail	2.7 Fail
2.3 Fail	1.0 Fail	1.8 Fail	—	1.5 Fail
1.5 Fail	1.6 Fail	2.7 Fail	1.5 Fail	—

White BG

13.1AAA

5.6AA

3.2AA Large

5.7AA

8.7AAA

Black BG

1.6Fail

3.7AA Large

6.6AA

3.7AA Large

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C2A

686848

A4A434

828123

605F0B

Deuteranopia

2B2A2B

67674B

A8AB3B

8A9425

666F0D

Tritanopia

272D2D

655153

B8494E

B52829

8B1011

Achromatopsia

2E2E2E

646464

8A8A8A

5B5B5B

3E3E3E

Shades & Tints Shades & Tints

#263427

Dark

Light

#656B3D

Dark

Light

#BB871A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #263427;
  --color-2: #656b3d;
  --color-3: #bb871a;
  --color-4: #bc361d;
  --color-5: #911f05;
}

SCSS

$color-1: #263427;
$color-2: #656b3d;
$color-3: #bb871a;
$color-4: #bc361d;
$color-5: #911f05;

TAILWIND

colors: {
  'brand-1': '#263427',
  'brand-2': '#656b3d',
  'brand-3': '#bb871a',
  'brand-4': '#bc361d',
  'brand-5': '#911f05',
}

RGB Array

[38, 52, 39], [101, 107, 61], [187, 135, 26], [188, 54, 29], [145, 31, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #263427, #656B3D, #BB871A, #BC361D, #911F05 is ideal for: tech websites, dark mode UIs, game UIs. 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: #263427; --color-2: #656b3d; --color-3: #bb871a; --color-4: #bc361d; --color-5: #911f05. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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