#562E68 + #A73165 + #F73362 + #C67A88 + #95C0AD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#562E68

Dark Plum · DarkSlateBlue · Eggplant

HEX

#562E68

RGB

rgb(86, 46, 104)

HSL

hsl(281, 39%, 29%)

HSB

hsb(281, 56%, 41%)

CMYK

cmyk(17%, 56%, 0%, 59%)

Oklch

oklch(37.9% 0.104 314.3)

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

#A73165

Dark Violet · MediumVioletRed · Camellia

HEX

#A73165

RGB

rgb(167, 49, 101)

HSL

hsl(334, 55%, 42%)

HSB

hsb(334, 71%, 65%)

CMYK

cmyk(0%, 71%, 40%, 35%)

Oklch

oklch(50.5% 0.160 357.6)

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

#F73362

Vermilion · Tomato · Passion Red

HEX

#F73362

RGB

rgb(247, 51, 98)

HSL

hsl(346, 92%, 58%)

HSB

hsb(346, 79%, 97%)

CMYK

cmyk(0%, 79%, 60%, 3%)

Oklch

oklch(64.2% 0.228 13.7)

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

#C67A88

Peach Pink · LightCoral · Coral Red

HEX

#C67A88

RGB

rgb(198, 122, 136)

HSL

hsl(349, 40%, 63%)

HSB

hsb(349, 38%, 78%)

CMYK

cmyk(0%, 38%, 31%, 22%)

Oklch

oklch(66.4% 0.096 8.1)

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

#95C0AD

Jade · DarkGray · Apple Green

HEX

#95C0AD

RGB

rgb(149, 192, 173)

HSL

hsl(153, 25%, 67%)

HSB

hsb(153, 22%, 75%)

CMYK

cmyk(22%, 0%, 10%, 25%)

Oklch

oklch(77.1% 0.053 166.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

562E68

3F672D

Analogous

382D67

562E68

672D5C

Triadic

562E68

67552D

2D6755

Split-Comp.

562E68

5C672D

2D6738

Tetradic

562E68

67382D

3F672D

2D5C67

Contrast Matrix WCAG 2.1 Contrast

562E68	A73165	F73362	C67A88	95C0AD
—	1.6 Fail	2.8 Fail	3.3 AA Large	5.2 AA
1.6 Fail	—	1.7 Fail	2.0 Fail	3.2 AA Large
2.8 Fail	1.7 Fail	—	1.2 Fail	1.9 Fail
3.3 AA Large	2.0 Fail	1.2 Fail	—	1.6 Fail
5.2 AA	3.2 AA Large	1.9 Fail	1.6 Fail	—

White BG

10.6AAA

6.4AA

3.7AA Large

3.2AA Large

2.0Fail

Black BG

2.0Fail

3.3AA Large

5.6AA

6.5AA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45445A

747358

A2A057

A5A485

A8A8B2

Deuteranopia

474A57

7B8455

AEBC54

AAAF84

A5A2B3

Tritanopia

544F4C

A14E4C

ED4E4C

C28281

97B5B6

Achromatopsia

414141

5A5A5A

737373

929292

B1B1B1

Shades & Tints Shades & Tints

#562E68

Dark

Light

#A73165

Dark

Light

#F73362

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #562e68;
  --color-2: #a73165;
  --color-3: #f73362;
  --color-4: #c67a88;
  --color-5: #95c0ad;
}

SCSS

$color-1: #562e68;
$color-2: #a73165;
$color-3: #f73362;
$color-4: #c67a88;
$color-5: #95c0ad;

TAILWIND

colors: {
  'brand-1': '#562e68',
  'brand-2': '#a73165',
  'brand-3': '#f73362',
  'brand-4': '#c67a88',
  'brand-5': '#95c0ad',
}

RGB Array

[86, 46, 104], [167, 49, 101], [247, 51, 98], [198, 122, 136], [149, 192, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #562E68, #A73165, #F73362, #C67A88, #95C0AD 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: #562e68; --color-2: #a73165; --color-3: #f73362; --color-4: #c67a88; --color-5: #95c0ad. 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