← Back to Editor

#11365D · #5E405F · #9A7FA1 · #BB9588 · #F6D2C6

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

#11365D

Indigo · MidnightBlue · Prussian Blue

HEX
#11365D
RGB
rgb(17, 54, 93)
HSL
hsl(211, 69%, 22%)
HSB
hsb(211, 82%, 36%)
CMYK
cmyk(82%, 42%, 0%, 64%)
Oklch
oklch(32.9% 0.081 252.6)

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

#5E405F

Dark Plum · DimGray · Eggplant

HEX
#5E405F
RGB
rgb(94, 64, 95)
HSL
hsl(298, 19%, 31%)
HSB
hsb(298, 33%, 37%)
CMYK
cmyk(1%, 33%, 0%, 63%)
Oklch
oklch(41.7% 0.063 325.6)

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

#9A7FA1

Dark Plum · LightSlateGray · Violet

HEX
#9A7FA1
RGB
rgb(154, 127, 161)
HSL
hsl(288, 15%, 56%)
HSB
hsb(288, 21%, 63%)
CMYK
cmyk(4%, 21%, 0%, 37%)
Oklch
oklch(63.3% 0.059 319.2)

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

#BB9588

Apricot · Tan · Warm Sun

HEX
#BB9588
RGB
rgb(187, 149, 136)
HSL
hsl(15, 27%, 63%)
HSB
hsb(15, 27%, 73%)
CMYK
cmyk(0%, 20%, 27%, 27%)
Oklch
oklch(70.1% 0.050 39.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F6D2C6

Apricot · Bisque · Peach Orange

HEX
#F6D2C6
RGB
rgb(246, 210, 198)
HSL
hsl(15, 73%, 87%)
HSB
hsb(15, 20%, 96%)
CMYK
cmyk(0%, 15%, 20%, 4%)
Oklch
oklch(89.1% 0.044 39.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

11365D
5F3911

Analogous

115E5F
11365D
13115F

Triadic

11365D
5F1137
375F11

Split-Comp.

11365D
5F1311
5E5F11

Tetradic

11365D
5F115E
5F3911
115F13

Contrast Matrix WCAG 2.1 Contrast

11365D
5E405F
9A7FA1
BB9588
F6D2C6
—
1.4
Fail
3.5
AA Large
4.5
AA
8.7
AAA
1.4
Fail
—
2.5
Fail
3.3
AA Large
6.3
AA
3.5
AA Large
2.5
Fail
—
1.3
Fail
2.5
Fail
4.5
AA
3.3
AA Large
1.3
Fail
—
1.9
Fail
8.7
AAA
6.3
AA
2.5
Fail
1.9
Fail
—
White BG
12.3AAA
8.8AAA
3.5AA Large
2.7Fail
1.4Fail
Black BG
1.7Fail
2.4Fail
5.9AA
7.8AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212154
515157
8E8E99
ABAA8B
E6E6C9

Deuteranopia

1F1C51
535556
909297
ADB08C
E9EBCA

Tritanopia

134C4A
5D5250
999291
B98E8E
F4CBCC

Achromatopsia

2F2F2F
4D4D4D
8B8B8B
9F9F9F
DBDBDB

Shades & Tints Shades & Tints

#11365D

Dark
Light

#5E405F

Dark
Light

#9A7FA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #11365d;
  --color-2: #5e405f;
  --color-3: #9a7fa1;
  --color-4: #bb9588;
  --color-5: #f6d2c6;
}

SCSS

$color-1: #11365d;
$color-2: #5e405f;
$color-3: #9a7fa1;
$color-4: #bb9588;
$color-5: #f6d2c6;

TAILWIND

colors: {
  'brand-1': '#11365d',
  'brand-2': '#5e405f',
  'brand-3': '#9a7fa1',
  'brand-4': '#bb9588',
  'brand-5': '#f6d2c6',
}

RGB Array

[17, 54, 93], [94, 64, 95], [154, 127, 161], [187, 149, 136], [246, 210, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #11365D, #5E405F, #9A7FA1, #BB9588, #F6D2C6 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: #11365d; --color-2: #5e405f; --color-3: #9a7fa1; --color-4: #bb9588; --color-5: #f6d2c6. 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