#E10B6F + #A91058 + #4B5A40 + #799952 + #B4B967 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E10B6F

Dark Violet · MediumVioletRed · Camellia

HEX

#E10B6F

RGB

rgb(225, 11, 111)

HSL

hsl(332, 91%, 46%)

HSB

hsb(332, 95%, 88%)

CMYK

cmyk(0%, 95%, 51%, 12%)

Oklch

oklch(58.9% 0.234 3.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#A91058

Dark Violet · Brown · Camellia

HEX

#A91058

RGB

rgb(169, 16, 88)

HSL

hsl(332, 83%, 36%)

HSB

hsb(332, 91%, 66%)

CMYK

cmyk(0%, 91%, 48%, 34%)

Oklch

oklch(48.1% 0.186 0.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#4B5A40

Celadon · DarkOliveGreen · Forest Green

HEX

#4B5A40

RGB

rgb(75, 90, 64)

HSL

hsl(95, 17%, 30%)

HSB

hsb(95, 29%, 35%)

CMYK

cmyk(17%, 0%, 29%, 65%)

Oklch

oklch(44.7% 0.045 132.4)

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

#799952

Grass Green · Gray · Olive Green

HEX

#799952

RGB

rgb(121, 153, 82)

HSL

hsl(87, 30%, 46%)

HSB

hsb(87, 46%, 60%)

CMYK

cmyk(21%, 0%, 46%, 40%)

Oklch

oklch(64.2% 0.104 128.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#B4B967

Autumn Sage · Tan · Sunflower

HEX

#B4B967

RGB

rgb(180, 185, 103)

HSL

hsl(64, 37%, 56%)

HSB

hsb(64, 44%, 73%)

CMYK

cmyk(3%, 0%, 44%, 27%)

Oklch

oklch(76.4% 0.106 111.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E10B6F

0BE07C

Analogous

E00BD9

E10B6F

E0120B

Triadic

E10B6F

6EE00B

0B6EE0

Split-Comp.

E10B6F

0BE012

0BD9E0

Tetradic

E10B6F

D9E00B

0BE07C

120BE0

Contrast Matrix WCAG 2.1 Contrast

E10B6F	A91058	4B5A40	799952	B4B967
—	1.5 Fail	1.6 Fail	1.4 Fail	2.2 Fail
1.5 Fail	—	1.0 Fail	2.2 Fail	3.5 AA Large
1.6 Fail	1.0 Fail	—	2.3 Fail	3.6 AA Large
1.4 Fail	2.2 Fail	2.3 Fail	—	1.6 Fail
2.2 Fail	3.5 AA Large	3.6 AA Large	1.6 Fail	—

White BG

4.7AA

7.2AAA

7.4AAA

3.2AA Large

2.1Fail

Black BG

4.5AA Large

2.9Fail

2.8Fail

6.5AA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848257

676547

515246

878763

B6B67B

Deuteranopia

91A151

707B42

515048

858367

B6B680

Tritanopia

D64440

A13936

4C4B4C

7B7174

B48B8E

Achromatopsia

565656

464646

535353

878787

AEAEAE

Shades & Tints Shades & Tints

#E10B6F

Dark

Light

#A91058

Dark

Light

#4B5A40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e10b6f;
  --color-2: #a91058;
  --color-3: #4b5a40;
  --color-4: #799952;
  --color-5: #b4b967;
}

SCSS

$color-1: #e10b6f;
$color-2: #a91058;
$color-3: #4b5a40;
$color-4: #799952;
$color-5: #b4b967;

TAILWIND

colors: {
  'brand-1': '#e10b6f',
  'brand-2': '#a91058',
  'brand-3': '#4b5a40',
  'brand-4': '#799952',
  'brand-5': '#b4b967',
}

RGB Array

[225, 11, 111], [169, 16, 88], [75, 90, 64], [121, 153, 82], [180, 185, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E10B6F, #A91058, #4B5A40, #799952, #B4B967 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: #e10b6f; --color-2: #a91058; --color-3: #4b5a40; --color-4: #799952; --color-5: #b4b967. 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