#B5AA64 + #BF9194 + #BF7CB2 + #BB5BD8 + #2A95A1 · 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

#B5AA64

Autumn Sage · Tan · Sunflower

HEX

#B5AA64

RGB

rgb(181, 170, 100)

HSL

hsl(52, 35%, 55%)

HSB

hsb(52, 45%, 71%)

CMYK

cmyk(0%, 6%, 45%, 29%)

Oklch

oklch(73.2% 0.092 100.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BF9194

Peach Pink · DarkGray · Coral Red

HEX

#BF9194

RGB

rgb(191, 145, 148)

HSL

hsl(356, 26%, 66%)

HSB

hsb(356, 24%, 75%)

CMYK

cmyk(0%, 24%, 23%, 25%)

Oklch

oklch(70.1% 0.056 14.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#BF7CB2

Mauve · Orchid · Lilac Purple

HEX

#BF7CB2

RGB

rgb(191, 124, 178)

HSL

hsl(312, 34%, 62%)

HSB

hsb(312, 35%, 75%)

CMYK

cmyk(0%, 35%, 7%, 25%)

Oklch

oklch(67.3% 0.109 334.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#BB5BD8

Royal Purple · MediumOrchid · Violet

HEX

#BB5BD8

RGB

rgb(187, 91, 216)

HSL

hsl(286, 62%, 60%)

HSB

hsb(286, 58%, 85%)

CMYK

cmyk(13%, 58%, 0%, 15%)

Oklch

oklch(63.7% 0.199 317.7)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#2A95A1

Lake Blue · LightSeaGreen · Mint Ice

HEX

#2A95A1

RGB

rgb(42, 149, 161)

HSL

hsl(186, 59%, 40%)

HSB

hsb(186, 74%, 63%)

CMYK

cmyk(74%, 7%, 0%, 37%)

Oklch

oklch(61.6% 0.094 206.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5AA64

646FB4

Analogous

B48264

B5AA64

97B464

Triadic

B5AA64

64B4AA

AA64B4

Split-Comp.

B5AA64

6497B4

8264B4

Tetradic

B5AA64

64B482

646FB4

B46497

Contrast Matrix WCAG 2.1 Contrast

B5AA64	BF9194	BF7CB2	BB5BD8	2A95A1
—	1.2 Fail	1.3 Fail	1.6 Fail	1.5 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.1 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

2.4Fail

2.7Fail

3.1AA Large

3.7AA Large

3.6AA Large

Black BG

8.9AAA

7.7AAA

6.7AA

5.6AA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B075

ABAB93

A2A1A5

9191BA

58599E

Deuteranopia

B1B279

AEB193

A6ABA2

979EB3

524A9D

Tritanopia

B48285

BD9393

BC9B98

B6A29D

2F9C9B

Achromatopsia

A5A5A5

9F9F9F

969696

868686

767676

Shades & Tints Shades & Tints

#B5AA64

Dark

Light

#BF9194

Dark

Light

#BF7CB2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5aa64;
  --color-2: #bf9194;
  --color-3: #bf7cb2;
  --color-4: #bb5bd8;
  --color-5: #2a95a1;
}

SCSS

$color-1: #b5aa64;
$color-2: #bf9194;
$color-3: #bf7cb2;
$color-4: #bb5bd8;
$color-5: #2a95a1;

TAILWIND

colors: {
  'brand-1': '#b5aa64',
  'brand-2': '#bf9194',
  'brand-3': '#bf7cb2',
  'brand-4': '#bb5bd8',
  'brand-5': '#2a95a1',
}

RGB Array

[181, 170, 100], [191, 145, 148], [191, 124, 178], [187, 91, 216], [42, 149, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #B5AA64, #BF9194, #BF7CB2, #BB5BD8, #2A95A1 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: #b5aa64; --color-2: #bf9194; --color-3: #bf7cb2; --color-4: #bb5bd8; --color-5: #2a95a1. 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