#892F1B + #BF6720 + #E8A651 + #21445E + #5085AD · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#892F1B

Vermilion · Brown · Wine Red

HEX

#892F1B

RGB

rgb(137, 47, 27)

HSL

hsl(11, 67%, 32%)

HSB

hsb(11, 80%, 54%)

CMYK

cmyk(0%, 66%, 80%, 46%)

Oklch

oklch(43.5% 0.127 34.0)

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

#BF6720

Tangerine · Chocolate · Amber Brown

HEX

#BF6720

RGB

rgb(191, 103, 32)

HSL

hsl(27, 71%, 44%)

HSB

hsb(27, 83%, 75%)

CMYK

cmyk(0%, 46%, 83%, 25%)

Oklch

oklch(60.5% 0.137 54.1)

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

#E8A651

Ginger · SandyBrown · Warm Sun

HEX

#E8A651

RGB

rgb(232, 166, 81)

HSL

hsl(34, 77%, 61%)

HSB

hsb(34, 65%, 91%)

CMYK

cmyk(0%, 28%, 65%, 9%)

Oklch

oklch(77.2% 0.128 70.7)

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

#21445E

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#21445E

RGB

rgb(33, 68, 94)

HSL

hsl(206, 48%, 25%)

HSB

hsb(206, 65%, 37%)

CMYK

cmyk(65%, 28%, 0%, 63%)

Oklch

oklch(37.3% 0.061 242.8)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#5085AD

Slate Blue · SteelBlue · Navy Blue

HEX

#5085AD

RGB

rgb(80, 133, 173)

HSL

hsl(206, 37%, 50%)

HSB

hsb(206, 54%, 68%)

CMYK

cmyk(54%, 23%, 0%, 32%)

Oklch

oklch(59.6% 0.084 242.5)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

892F1B

1B7488

Analogous

881B3E

892F1B

88661B

Triadic

892F1B

1B882F

2F1B88

Split-Comp.

892F1B

1B8866

1B3E88

Tetradic

892F1B

3E881B

1B7488

661B88

Contrast Matrix WCAG 2.1 Contrast

892F1B	BF6720	E8A651	21445E	5085AD
—	2.1 Fail	4.0 AA Large	1.2 Fail	2.1 Fail
2.1 Fail	—	1.9 Fail	2.5 Fail	1.0 Fail
4.0 AA Large	1.9 Fail	—	4.9 AA	1.9 Fail
1.2 Fail	2.5 Fail	4.9 AA	—	2.6 Fail
2.1 Fail	1.0 Fail	1.9 Fail	2.6 Fail	—

White BG

8.4AAA

4.1AA Large

2.1Fail

10.2AAA

4.0AA Large

Black BG

2.5Fail

5.2AA

10.0AAA

2.1Fail

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

626120

999831

CBCB66

303058

6767A3

Deuteranopia

676E21

9EA535

CFD46B

2E2C56

6460A1

Tritanopia

852425

BB3F42

E57679

235352

539C9A

Achromatopsia

484848

797979

B0B0B0

3C3C3C

7A7A7A

Shades & Tints Shades & Tints

#892F1B

Dark

Light

#BF6720

Dark

Light

#E8A651

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #892f1b;
  --color-2: #bf6720;
  --color-3: #e8a651;
  --color-4: #21445e;
  --color-5: #5085ad;
}

SCSS

$color-1: #892f1b;
$color-2: #bf6720;
$color-3: #e8a651;
$color-4: #21445e;
$color-5: #5085ad;

TAILWIND

colors: {
  'brand-1': '#892f1b',
  'brand-2': '#bf6720',
  'brand-3': '#e8a651',
  'brand-4': '#21445e',
  'brand-5': '#5085ad',
}

RGB Array

[137, 47, 27], [191, 103, 32], [232, 166, 81], [33, 68, 94], [80, 133, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #892F1B, #BF6720, #E8A651, #21445E, #5085AD is ideal for: corporate websites, product showcases, portfolios. 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: #892f1b; --color-2: #bf6720; --color-3: #e8a651; --color-4: #21445e; --color-5: #5085ad. 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. 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 space-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