← Back to Editor

#4B4552 · #6E4F58 · #9C5673 · #FC7E9A · #FA5277

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4B4552

Deep Indigo · DarkSlateGray · Charcoal

HEX
#4B4552
RGB
rgb(75, 69, 82)
HSL
hsl(268, 9%, 30%)
HSB
hsb(268, 16%, 32%)
CMYK
cmyk(9%, 16%, 0%, 68%)
Oklch
oklch(40.1% 0.023 306.2)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#6E4F58

Dark Violet · DimGray · Camellia

HEX
#6E4F58
RGB
rgb(110, 79, 88)
HSL
hsl(343, 16%, 37%)
HSB
hsb(343, 28%, 43%)
CMYK
cmyk(0%, 28%, 20%, 57%)
Oklch
oklch(46.4% 0.044 359.9)

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

#9C5673

Dark Violet · Gray · Camellia

HEX
#9C5673
RGB
rgb(156, 86, 115)
HSL
hsl(335, 29%, 47%)
HSB
hsb(335, 45%, 61%)
CMYK
cmyk(0%, 45%, 26%, 39%)
Oklch
oklch(54.4% 0.099 354.6)

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

#FC7E9A

Peach Pink · LightCoral · Coral Red

HEX
#FC7E9A
RGB
rgb(252, 126, 154)
HSL
hsl(347, 95%, 74%)
HSB
hsb(347, 50%, 99%)
CMYK
cmyk(0%, 50%, 39%, 1%)
Oklch
oklch(74.4% 0.155 7.6)

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

#FA5277

Peach Pink · Salmon · Coral Red

HEX
#FA5277
RGB
rgb(250, 82, 119)
HSL
hsl(347, 94%, 65%)
HSB
hsb(347, 67%, 98%)
CMYK
cmyk(0%, 67%, 52%, 2%)
Oklch
oklch(67.8% 0.204 11.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B4552
4D5346

Analogous

464653
4B4552
534653

Triadic

4B4552
534C46
46534C

Split-Comp.

4B4552
535346
465346

Tetradic

4B4552
534646
4D5346
465353

Contrast Matrix WCAG 2.1 Contrast

4B4552
6E4F58
9C5673
FC7E9A
FA5277
—
1.3
Fail
1.8
Fail
3.8
AA Large
2.9
Fail
1.3
Fail
—
1.4
Fail
2.9
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
2.2
Fail
1.6
Fail
3.8
AA Large
2.9
Fail
2.2
Fail
—
1.3
Fail
2.9
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
White BG
9.2AAA
7.2AAA
5.3AA
2.4Fail
3.2AA Large
Black BG
2.3Fail
2.9Fail
4.0AA Large
8.6AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

48484F
616056
7E7D6C
C5C493
B1B06E

Deuteranopia

49494E
626555
82876A
CDD692
BBC86C

Tritanopia

4B4C4C
6C5454
996665
F68E8D
F26765

Achromatopsia

484848
595959
6E6E6E
A7A7A7
888888

Shades & Tints Shades & Tints

#4B4552

Dark
Light

#6E4F58

Dark
Light

#9C5673

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b4552;
  --color-2: #6e4f58;
  --color-3: #9c5673;
  --color-4: #fc7e9a;
  --color-5: #fa5277;
}

SCSS

$color-1: #4b4552;
$color-2: #6e4f58;
$color-3: #9c5673;
$color-4: #fc7e9a;
$color-5: #fa5277;

TAILWIND

colors: {
  'brand-1': '#4b4552',
  'brand-2': '#6e4f58',
  'brand-3': '#9c5673',
  'brand-4': '#fc7e9a',
  'brand-5': '#fa5277',
}

RGB Array

[75, 69, 82], [110, 79, 88], [156, 86, 115], [252, 126, 154], [250, 82, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B4552, #6E4F58, #9C5673, #FC7E9A, #FA5277 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: #4b4552; --color-2: #6e4f58; --color-3: #9c5673; --color-4: #fc7e9a; --color-5: #fa5277. 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