#B84A65 + #AC8283 + #9FB9A0 + #CED171 + #FCE842 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B84A65

Crimson · Sienna · Passion Red

HEX

#B84A65

RGB

rgb(184, 74, 101)

HSL

hsl(345, 44%, 51%)

HSB

hsb(345, 60%, 72%)

CMYK

cmyk(0%, 60%, 45%, 28%)

Oklch

oklch(56.2% 0.144 7.8)

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

#AC8283

Crimson · Gray · Passion Red

HEX

#AC8283

RGB

rgb(172, 130, 131)

HSL

hsl(359, 20%, 59%)

HSB

hsb(359, 24%, 67%)

CMYK

cmyk(0%, 24%, 24%, 33%)

Oklch

oklch(64.8% 0.052 17.0)

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

#9FB9A0

Celadon · DarkGray · Apple Green

HEX

#9FB9A0

RGB

rgb(159, 185, 160)

HSL

hsl(122, 16%, 67%)

HSB

hsb(122, 14%, 73%)

CMYK

cmyk(14%, 0%, 14%, 27%)

Oklch

oklch(75.9% 0.045 146.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#CED171

Fresh Green · BurlyWood · Sunflower

HEX

#CED171

RGB

rgb(206, 209, 113)

HSL

hsl(62, 51%, 63%)

HSB

hsb(62, 46%, 82%)

CMYK

cmyk(1%, 0%, 46%, 18%)

Oklch

oklch(83.8% 0.120 110.3)

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

#FCE842

Fresh Green · Gold · Sunflower

HEX

#FCE842

RGB

rgb(252, 232, 66)

HSL

hsl(54, 97%, 62%)

HSB

hsb(54, 74%, 99%)

CMYK

cmyk(0%, 8%, 74%, 1%)

Oklch

oklch(92.0% 0.175 102.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B84A65

4BB99E

Analogous

B94B9E

B84A65

B9674B

Triadic

B84A65

67B94B

4B67B9

Split-Comp.

B84A65

4BB967

4B9EB9

Tetradic

B84A65

9EB94B

4BB99E

674BB9

Contrast Matrix WCAG 2.1 Contrast

B84A65	AC8283	9FB9A0	CED171	FCE842
—	1.5 Fail	2.4 Fail	3.1 AA Large	4.0 AA Large
1.5 Fail	—	1.6 Fail	2.1 Fail	2.7 Fail
2.4 Fail	1.6 Fail	—	1.3 Fail	1.7 Fail
3.1 AA Large	2.1 Fail	1.3 Fail	—	1.3 Fail
4.0 AA Large	2.7 Fail	1.7 Fail	1.3 Fail	—

White BG

5.0AA

3.3AA Large

2.1Fail

1.6Fail

1.3Fail

Black BG

4.2AA Large

6.3AA

9.9AAA

13.0AAA

16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

88875E

9A9983

AAAAA6

CFCF88

F3F36A

Deuteranopia

8F975D

9C9F83

A9A7A8

CFCF8E

F5F674

Tritanopia

B25958

AA8383

A0ABAC

CE9B9F

FB8A91

Achromatopsia

6E6E6E

8F8F8F

AEAEAE

C5C5C5

DBDBDB

Shades & Tints Shades & Tints

#B84A65

Dark

Light

#AC8283

Dark

Light

#9FB9A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b84a65;
  --color-2: #ac8283;
  --color-3: #9fb9a0;
  --color-4: #ced171;
  --color-5: #fce842;
}

SCSS

$color-1: #b84a65;
$color-2: #ac8283;
$color-3: #9fb9a0;
$color-4: #ced171;
$color-5: #fce842;

TAILWIND

colors: {
  'brand-1': '#b84a65',
  'brand-2': '#ac8283',
  'brand-3': '#9fb9a0',
  'brand-4': '#ced171',
  'brand-5': '#fce842',
}

RGB Array

[184, 74, 101], [172, 130, 131], [159, 185, 160], [206, 209, 113], [252, 232, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #B84A65, #AC8283, #9FB9A0, #CED171, #FCE842 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: #b84a65; --color-2: #ac8283; --color-3: #9fb9a0; --color-4: #ced171; --color-5: #fce842. 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 luxury-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