← Back to Editor

#622B42 · #983963 · #EDA0A6 · #FAE1E5 · #BE6B87

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#622B42

Dark Violet · DarkSlateGray · Camellia

HEX
#622B42
RGB
rgb(98, 43, 66)
HSL
hsl(335, 39%, 28%)
HSB
hsb(335, 56%, 38%)
CMYK
cmyk(0%, 56%, 33%, 62%)
Oklch
oklch(37.2% 0.084 355.7)

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

#983963

Dark Violet · Sienna · Camellia

HEX
#983963
RGB
rgb(152, 57, 99)
HSL
hsl(333, 45%, 41%)
HSB
hsb(333, 63%, 60%)
CMYK
cmyk(0%, 63%, 35%, 40%)
Oklch
oklch(48.9% 0.134 355.7)

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

#EDA0A6

Peach Pink · LightPink · Coral Red

HEX
#EDA0A6
RGB
rgb(237, 160, 166)
HSL
hsl(355, 68%, 78%)
HSB
hsb(355, 32%, 93%)
CMYK
cmyk(0%, 32%, 30%, 7%)
Oklch
oklch(78.3% 0.092 14.3)

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

#FAE1E5

Peach Pink · Linen · Cherry Blossom

HEX
#FAE1E5
RGB
rgb(250, 225, 229)
HSL
hsl(350, 71%, 93%)
HSB
hsb(350, 10%, 98%)
CMYK
cmyk(0%, 10%, 8%, 2%)
Oklch
oklch(93.1% 0.028 6.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#BE6B87

Dark Violet · LightCoral · Rose Pink

HEX
#BE6B87
RGB
rgb(190, 107, 135)
HSL
hsl(340, 39%, 58%)
HSB
hsb(340, 44%, 75%)
CMYK
cmyk(0%, 44%, 29%, 25%)
Oklch
oklch(62.9% 0.110 359.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

622B42
2C634C

Analogous

632C5F
622B42
63302C

Triadic

622B42
43632C
2C4363

Split-Comp.

622B42
2C6330
2C5F63

Tetradic

622B42
5F632C
2C634C
302C63

Contrast Matrix WCAG 2.1 Contrast

622B42
983963
EDA0A6
FAE1E5
BE6B87
—
1.6
Fail
5.2
AA
8.7
AAA
2.9
Fail
1.6
Fail
—
3.3
AA Large
5.5
AA
1.8
Fail
5.2
AA
3.3
AA Large
—
1.7
Fail
1.8
Fail
8.7
AAA
5.5
AA
1.7
Fail
—
3.0
AA Large
2.9
Fail
1.8
Fail
1.8
Fail
3.0
AA Large
—
White BG
10.8AAA
6.8AA
2.1Fail
1.2Fail
3.7AA Large
Black BG
1.9Fail
3.1AA Large
10.2AAA
17.0AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A3C
6F6E59
CCCBA5
EFEFE4
9A9980

Deuteranopia

4D523B
747B56
D0D6A4
F1F3E4
9FA57F

Tritanopia

5F3837
93514F
E9A3A3
F9E3E3
BA7B7A

Achromatopsia

3E3E3E
5A5A5A
B8B8B8
E9E9E9
878787

Shades & Tints Shades & Tints

#622B42

Dark
Light

#983963

Dark
Light

#EDA0A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #622b42;
  --color-2: #983963;
  --color-3: #eda0a6;
  --color-4: #fae1e5;
  --color-5: #be6b87;
}

SCSS

$color-1: #622b42;
$color-2: #983963;
$color-3: #eda0a6;
$color-4: #fae1e5;
$color-5: #be6b87;

TAILWIND

colors: {
  'brand-1': '#622b42',
  'brand-2': '#983963',
  'brand-3': '#eda0a6',
  'brand-4': '#fae1e5',
  'brand-5': '#be6b87',
}

RGB Array

[98, 43, 66], [152, 57, 99], [237, 160, 166], [250, 225, 229], [190, 107, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #622B42, #983963, #EDA0A6, #FAE1E5, #BE6B87 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #622b42; --color-2: #983963; --color-3: #eda0a6; --color-4: #fae1e5; --color-5: #be6b87. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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