#4A4343 + #F06767 + #E27E60 + #CA9266 + #A9A579 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#4A4343

Dark Cyan · DarkSlateGray · Charcoal

HEX

#4A4343

RGB

rgb(74, 67, 67)

HSL

hsl(0, 5%, 28%)

HSB

hsb(0, 9%, 29%)

CMYK

cmyk(0%, 9%, 9%, 71%)

Oklch

oklch(39.0% 0.010 17.6)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#F06767

Peach Pink · Salmon · Coral Red

HEX

#F06767

RGB

rgb(240, 103, 103)

HSL

hsl(0, 82%, 67%)

HSB

hsb(0, 57%, 94%)

CMYK

cmyk(0%, 57%, 57%, 6%)

Oklch

oklch(68.4% 0.170 22.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E27E60

Peach Pink · Salmon · Coral Red

HEX

#E27E60

RGB

rgb(226, 126, 96)

HSL

hsl(14, 69%, 63%)

HSB

hsb(14, 58%, 89%)

CMYK

cmyk(0%, 44%, 58%, 11%)

Oklch

oklch(69.7% 0.131 37.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CA9266

Tangerine · DarkSalmon · Warm Sun

HEX

#CA9266

RGB

rgb(202, 146, 102)

HSL

hsl(26, 49%, 60%)

HSB

hsb(26, 50%, 79%)

CMYK

cmyk(0%, 28%, 50%, 21%)

Oklch

oklch(70.4% 0.090 58.8)

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

#A9A579

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A9A579

RGB

rgb(169, 165, 121)

HSL

hsl(55, 22%, 57%)

HSB

hsb(55, 28%, 66%)

CMYK

cmyk(0%, 2%, 28%, 34%)

Oklch

oklch(71.4% 0.060 103.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A4343

444B4B

Analogous

4B4447

4A4343

4B4744

Triadic

4A4343

444B44

44444B

Split-Comp.

4A4343

444B47

44474B

Tetradic

4A4343

474B44

444B4B

47444B

Contrast Matrix WCAG 2.1 Contrast

4A4343	F06767	E27E60	CA9266	A9A579
—	3.1 AA Large	3.4 AA Large	3.6 AA Large	3.8 AA Large
3.1 AA Large	—	1.1 Fail	1.1 Fail	1.2 Fail
3.4 AA Large	1.1 Fail	—	1.1 Fail	1.1 Fail
3.6 AA Large	1.1 Fail	1.1 Fail	—	1.1 Fail
3.8 AA Large	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

9.7AAA

3.1AA Large

2.8Fail

2.7Fail

2.5Fail

Black BG

2.2Fail

6.8AA

7.4AAA

7.8AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474743

B5B367

B7B667

B2B171

A7A784

Deuteranopia

474843

BDC767

BDC469

B5B973

A8A886

Tritanopia

4A4343

E96767

DD6D6E

C7797B

A98C8E

Achromatopsia

454545

909090

989898

9E9E9E

A1A1A1

Shades & Tints Shades & Tints

#4A4343

Dark

Light

#F06767

Dark

Light

#E27E60

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a4343;
  --color-2: #f06767;
  --color-3: #e27e60;
  --color-4: #ca9266;
  --color-5: #a9a579;
}

SCSS

$color-1: #4a4343;
$color-2: #f06767;
$color-3: #e27e60;
$color-4: #ca9266;
$color-5: #a9a579;

TAILWIND

colors: {
  'brand-1': '#4a4343',
  'brand-2': '#f06767',
  'brand-3': '#e27e60',
  'brand-4': '#ca9266',
  'brand-5': '#a9a579',
}

RGB Array

[74, 67, 67], [240, 103, 103], [226, 126, 96], [202, 146, 102], [169, 165, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A4343, #F06767, #E27E60, #CA9266, #A9A579 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: #4a4343; --color-2: #f06767; --color-3: #e27e60; --color-4: #ca9266; --color-5: #a9a579. 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