#6E6944 + #F03355 + #ABB027 + #73B056 + #28B596 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E6944

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#6E6944

RGB

rgb(110, 105, 68)

HSL

hsl(53, 24%, 35%)

HSB

hsb(53, 38%, 43%)

CMYK

cmyk(0%, 5%, 38%, 57%)

Oklch

oklch(51.6% 0.054 101.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F03355

Vermilion · Crimson · Passion Red

HEX

#F03355

RGB

rgb(240, 51, 85)

HSL

hsl(349, 86%, 57%)

HSB

hsb(349, 79%, 94%)

CMYK

cmyk(0%, 79%, 65%, 6%)

Oklch

oklch(62.7% 0.221 17.3)

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

#ABB027

Autumn Sage · GoldenRod · Honey Gold

HEX

#ABB027

RGB

rgb(171, 176, 39)

HSL

hsl(62, 64%, 42%)

HSB

hsb(62, 78%, 69%)

CMYK

cmyk(3%, 0%, 78%, 31%)

Oklch

oklch(73.0% 0.150 111.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#73B056

Celadon · MediumSeaGreen · Olive Green

HEX

#73B056

RGB

rgb(115, 176, 86)

HSL

hsl(101, 36%, 51%)

HSB

hsb(101, 51%, 69%)

CMYK

cmyk(35%, 0%, 51%, 31%)

Oklch

oklch(69.5% 0.138 136.5)

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

#28B596

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#28B596

RGB

rgb(40, 181, 150)

HSL

hsl(167, 64%, 43%)

HSB

hsb(167, 78%, 71%)

CMYK

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

Oklch

oklch(69.4% 0.124 173.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E6944

44496F

Analogous

6F5444

6E6944

5E6F44

Triadic

6E6944

446F6A

6A446F

Split-Comp.

6E6944

445E6F

54446F

Tetradic

6E6944

446F54

44496F

6F445E

Contrast Matrix WCAG 2.1 Contrast

6E6944	F03355	ABB027	73B056	28B596
—	1.4 Fail	2.4 Fail	2.1 Fail	2.2 Fail
1.4 Fail	—	1.7 Fail	1.5 Fail	1.5 Fail
2.4 Fail	1.7 Fail	—	1.1 Fail	1.1 Fail
2.1 Fail	1.5 Fail	1.1 Fail	—	1.0 Fail
2.2 Fail	1.5 Fail	1.1 Fail	1.0 Fail	—

White BG

5.6AA

4.0AA Large

2.3Fail

2.6Fail

Black BG

3.8AA Large

5.3AA

9.0AAA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C4D

9E9C4D

ADAD48

8D8E6C

65669E

Deuteranopia

6C6D4F

A9B74B

ADAD50

8A8571

5D529F

Tritanopia

6E5456

E74645

AB6268

767D81

2FA3A5

Achromatopsia

666666

6F6F6F

9F9F9F

949494

878787

Shades & Tints Shades & Tints

#6E6944

Dark

Light

#F03355

Dark

Light

#ABB027

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e6944;
  --color-2: #f03355;
  --color-3: #abb027;
  --color-4: #73b056;
  --color-5: #28b596;
}

SCSS

$color-1: #6e6944;
$color-2: #f03355;
$color-3: #abb027;
$color-4: #73b056;
$color-5: #28b596;

TAILWIND

colors: {
  'brand-1': '#6e6944',
  'brand-2': '#f03355',
  'brand-3': '#abb027',
  'brand-4': '#73b056',
  'brand-5': '#28b596',
}

RGB Array

[110, 105, 68], [240, 51, 85], [171, 176, 39], [115, 176, 86], [40, 181, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E6944, #F03355, #ABB027, #73B056, #28B596 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: #6e6944; --color-2: #f03355; --color-3: #abb027; --color-4: #73b056; --color-5: #28b596. 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