#B6667D + #C17F51 + #BDB145 + #618844 + #47667D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B6667D

Dark Violet · Gray · Rose Pink

HEX

#B6667D

RGB

rgb(182, 102, 125)

HSL

hsl(343, 35%, 56%)

HSB

hsb(343, 44%, 71%)

CMYK

cmyk(0%, 44%, 31%, 29%)

Oklch

oklch(60.7% 0.106 2.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C17F51

Tangerine · Chocolate · Warm Sun

HEX

#C17F51

RGB

rgb(193, 127, 81)

HSL

hsl(25, 47%, 54%)

HSB

hsb(25, 58%, 76%)

CMYK

cmyk(0%, 34%, 58%, 24%)

Oklch

oklch(65.5% 0.103 54.8)

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

#BDB145

Autumn Sage · GoldenRod · Sunflower

HEX

#BDB145

RGB

rgb(189, 177, 69)

HSL

hsl(54, 48%, 51%)

HSB

hsb(54, 63%, 74%)

CMYK

cmyk(0%, 6%, 63%, 26%)

Oklch

oklch(75.0% 0.128 103.0)

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

#618844

Celadon · DarkOliveGreen · Forest Green

HEX

#618844

RGB

rgb(97, 136, 68)

HSL

hsl(94, 33%, 40%)

HSB

hsb(94, 50%, 53%)

CMYK

cmyk(29%, 0%, 50%, 47%)

Oklch

oklch(58.1% 0.106 133.3)

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

#47667D

Slate Blue · DimGray · Prussian Blue

HEX

#47667D

RGB

rgb(71, 102, 125)

HSL

hsl(206, 28%, 38%)

HSB

hsb(206, 43%, 49%)

CMYK

cmyk(43%, 18%, 0%, 51%)

Oklch

oklch(49.6% 0.052 241.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6667D

68B6A0

Analogous

B668A5

B6667D

B67968

Triadic

B6667D

7EB668

687EB6

Split-Comp.

B6667D

68B679

68A5B6

Tetradic

B6667D

A5B668

68B6A0

7968B6

Contrast Matrix WCAG 2.1 Contrast

B6667D	C17F51	BDB145	618844	47667D
—	1.2 Fail	1.8 Fail	1.0 Fail	1.5 Fail
1.2 Fail	—	1.5 Fail	1.3 Fail	1.9 Fail
1.8 Fail	1.5 Fail	—	1.9 Fail	2.8 Fail
1.0 Fail	1.3 Fail	1.9 Fail	—	1.5 Fail
1.5 Fail	1.9 Fail	2.8 Fail	1.5 Fail	—

White BG

4.0AA Large

3.3AA Large

2.2Fail

4.1AA Large

6.1AA

Black BG

5.2AA

6.4AA

9.5AAA

5.1AA

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

939377

A4A45C

B8B85F

727254

545577

Deuteranopia

989E76

A8AD5F

B9B965

706D58

535076

Tritanopia

B27372

BE6567

BC7478

636164

497372

Achromatopsia

818181

8D8D8D

A8A8A8

757575

5F5F5F

Shades & Tints Shades & Tints

#B6667D

Dark

Light

#C17F51

Dark

Light

#BDB145

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6667d;
  --color-2: #c17f51;
  --color-3: #bdb145;
  --color-4: #618844;
  --color-5: #47667d;
}

SCSS

$color-1: #b6667d;
$color-2: #c17f51;
$color-3: #bdb145;
$color-4: #618844;
$color-5: #47667d;

TAILWIND

colors: {
  'brand-1': '#b6667d',
  'brand-2': '#c17f51',
  'brand-3': '#bdb145',
  'brand-4': '#618844',
  'brand-5': '#47667d',
}

RGB Array

[182, 102, 125], [193, 127, 81], [189, 177, 69], [97, 136, 68], [71, 102, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6667D, #C17F51, #BDB145, #618844, #47667D 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: #b6667d; --color-2: #c17f51; --color-3: #bdb145; --color-4: #618844; --color-5: #47667d. 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 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