#BA6F48 + #86482F + #172629 + #2C6667 + #2D7A8C · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BA6F48

Tangerine · Sienna · Warm Sun

HEX

#BA6F48

RGB

rgb(186, 111, 72)

HSL

hsl(21, 45%, 51%)

HSB

hsb(21, 61%, 73%)

CMYK

cmyk(0%, 40%, 61%, 27%)

Oklch

oklch(61.6% 0.109 47.4)

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

#86482F

Tangerine · Sienna · Amber Brown

HEX

#86482F

RGB

rgb(134, 72, 47)

HSL

hsl(17, 48%, 35%)

HSB

hsb(17, 65%, 53%)

CMYK

cmyk(0%, 46%, 65%, 47%)

Oklch

oklch(47.2% 0.093 42.2)

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

#172629

Slate Blue · Black · Peacock Green

HEX

#172629

RGB

rgb(23, 38, 41)

HSL

hsl(190, 28%, 13%)

HSB

hsb(190, 44%, 16%)

CMYK

cmyk(44%, 7%, 0%, 84%)

Oklch

oklch(25.6% 0.021 211.4)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#2C6667

Slate Blue · DarkSlateGray · Mint Ice

HEX

#2C6667

RGB

rgb(44, 102, 103)

HSL

hsl(181, 40%, 29%)

HSB

hsb(181, 57%, 40%)

CMYK

cmyk(57%, 1%, 0%, 60%)

Oklch

oklch(47.2% 0.060 196.8)

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

#2D7A8C

Lake Blue · Teal · Mint Ice

HEX

#2D7A8C

RGB

rgb(45, 122, 140)

HSL

hsl(191, 51%, 36%)

HSB

hsb(191, 68%, 55%)

CMYK

cmyk(68%, 13%, 0%, 45%)

Oklch

oklch(54.0% 0.079 216.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA6F48

4A93BA

Analogous

BA4A5B

BA6F48

BAA94A

Triadic

BA6F48

4ABA71

714ABA

Split-Comp.

BA6F48

4ABAA9

4A5BBA

Tetradic

BA6F48

5BBA4A

4A93BA

A94ABA

Contrast Matrix WCAG 2.1 Contrast

BA6F48	86482F	172629	2C6667	2D7A8C
—	1.8 Fail	4.1 AA Large	1.7 Fail	1.3 Fail
1.8 Fail	—	2.2 Fail	1.1 Fail	1.4 Fail
4.1 AA Large	2.2 Fail	—	2.4 Fail	3.2 AA Large
1.7 Fail	1.1 Fail	2.4 Fail	—	1.3 Fail
1.3 Fail	1.4 Fail	3.2 AA Large	1.3 Fail	—

White BG

3.8AA Large

7.0AAA

15.6AAA

6.6AA

4.9AA

Black BG

5.5AA

3.0Fail

1.3Fail

3.2AA Large

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9951

6B6B35

1D1E28

454667

4E4F88

Deuteranopia

9EA454

6F7337

1D1C28

423D67

4A4487

Tritanopia

B6595B

833A3B

182828

2F6767

318483

Achromatopsia

818181

585858

222222

555555

656565

Shades & Tints Shades & Tints

#BA6F48

Dark

Light

#86482F

Dark

Light

#172629

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba6f48;
  --color-2: #86482f;
  --color-3: #172629;
  --color-4: #2c6667;
  --color-5: #2d7a8c;
}

SCSS

$color-1: #ba6f48;
$color-2: #86482f;
$color-3: #172629;
$color-4: #2c6667;
$color-5: #2d7a8c;

TAILWIND

colors: {
  'brand-1': '#ba6f48',
  'brand-2': '#86482f',
  'brand-3': '#172629',
  'brand-4': '#2c6667',
  'brand-5': '#2d7a8c',
}

RGB Array

[186, 111, 72], [134, 72, 47], [23, 38, 41], [44, 102, 103], [45, 122, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #BA6F48, #86482F, #172629, #2C6667, #2D7A8C 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: #ba6f48; --color-2: #86482f; --color-3: #172629; --color-4: #2c6667; --color-5: #2d7a8c. 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 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