#464760 + #67456E + #995074 + #D66778 + #F0806F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#464760

Indigo · DarkSlateGray · Prussian Blue

HEX

#464760

RGB

rgb(70, 71, 96)

HSL

hsl(238, 16%, 33%)

HSB

hsb(238, 27%, 38%)

CMYK

cmyk(27%, 26%, 0%, 62%)

Oklch

oklch(40.7% 0.042 282.6)

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

#67456E

Dark Plum · DimGray · Eggplant

HEX

#67456E

RGB

rgb(103, 69, 110)

HSL

hsl(290, 23%, 35%)

HSB

hsb(290, 37%, 43%)

CMYK

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

Oklch

oklch(44.5% 0.077 320.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#995074

Dark Violet · DimGray · Camellia

HEX

#995074

RGB

rgb(153, 80, 116)

HSL

hsl(330, 31%, 46%)

HSB

hsb(330, 48%, 60%)

CMYK

cmyk(0%, 48%, 24%, 40%)

Oklch

oklch(53.0% 0.106 350.4)

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

#D66778

Peach Pink · LightCoral · Coral Red

HEX

#D66778

RGB

rgb(214, 103, 120)

HSL

hsl(351, 58%, 62%)

HSB

hsb(351, 52%, 84%)

CMYK

cmyk(0%, 52%, 44%, 16%)

Oklch

oklch(65.0% 0.140 12.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F0806F

Peach Pink · Salmon · Coral Red

HEX

#F0806F

RGB

rgb(240, 128, 111)

HSL

hsl(8, 81%, 69%)

HSB

hsb(8, 54%, 94%)

CMYK

cmyk(0%, 47%, 54%, 6%)

Oklch

oklch(72.1% 0.141 29.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

464760

626147

Analogous

475562

464760

534762

Triadic

464760

624748

486247

Split-Comp.

464760

625347

556247

Tetradic

464760

624755

626147

476253

Contrast Matrix WCAG 2.1 Contrast

464760	67456E	995074	D66778	F0806F
—	1.1 Fail	1.6 Fail	2.6 Fail	3.4 AA Large
1.1 Fail	—	1.4 Fail	2.3 Fail	3.0 AA Large
1.6 Fail	1.4 Fail	—	1.6 Fail	2.1 Fail
2.6 Fail	2.3 Fail	1.6 Fail	—	1.3 Fail
3.4 AA Large	3.0 AA Large	2.1 Fail	1.3 Fail	—

White BG

9.0AAA

7.9AAA

5.6AA

3.5AA Large

2.6Fail

Black BG

2.3Fail

2.7Fail

3.8AA Large

6.1AA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

46465A

585864

79796B

A6A574

C0BE73

Deuteranopia

464658

5A5D62

7E8369

ACB573

C6CE74

Tritanopia

465554

655C5B

956463

D07170

EA7677

Achromatopsia

4A4A4A

545454

6A6A6A

8A8A8A

A0A0A0

Shades & Tints Shades & Tints

#464760

Dark

Light

#67456E

Dark

Light

#995074

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #464760;
  --color-2: #67456e;
  --color-3: #995074;
  --color-4: #d66778;
  --color-5: #f0806f;
}

SCSS

$color-1: #464760;
$color-2: #67456e;
$color-3: #995074;
$color-4: #d66778;
$color-5: #f0806f;

TAILWIND

colors: {
  'brand-1': '#464760',
  'brand-2': '#67456e',
  'brand-3': '#995074',
  'brand-4': '#d66778',
  'brand-5': '#f0806f',
}

RGB Array

[70, 71, 96], [103, 69, 110], [153, 80, 116], [214, 103, 120], [240, 128, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #464760, #67456E, #995074, #D66778, #F0806F 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: #464760; --color-2: #67456e; --color-3: #995074; --color-4: #d66778; --color-5: #f0806f. 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