← Back to Editor

#9D3756 · #6D0851 · #9D7089 · #A2AABB · #A4E3F1

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

#9D3756

Dark Violet · Brown · Camellia

HEX
#9D3756
RGB
rgb(157, 55, 86)
HSL
hsl(342, 48%, 42%)
HSB
hsb(342, 65%, 62%)
CMYK
cmyk(0%, 65%, 45%, 38%)
Oklch
oklch(49.1% 0.138 5.0)

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

#6D0851

Rose Purple · Purple · Eggplant

HEX
#6D0851
RGB
rgb(109, 8, 81)
HSL
hsl(317, 86%, 23%)
HSB
hsb(317, 93%, 43%)
CMYK
cmyk(0%, 93%, 26%, 57%)
Oklch
oklch(36.2% 0.148 343.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#9D7089

Rose Purple · Gray · Rose Pink

HEX
#9D7089
RGB
rgb(157, 112, 137)
HSL
hsl(327, 19%, 53%)
HSB
hsb(327, 29%, 62%)
CMYK
cmyk(0%, 29%, 13%, 38%)
Oklch
oklch(59.9% 0.066 344.9)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#A2AABB

Azure · DarkGray · Cobalt Blue

HEX
#A2AABB
RGB
rgb(162, 170, 187)
HSL
hsl(221, 16%, 68%)
HSB
hsb(221, 13%, 73%)
CMYK
cmyk(13%, 9%, 0%, 27%)
Oklch
oklch(73.7% 0.026 265.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A4E3F1

Sky Blue · LightBlue · Glacier Blue

HEX
#A4E3F1
RGB
rgb(164, 227, 241)
HSL
hsl(191, 73%, 79%)
HSB
hsb(191, 32%, 95%)
CMYK
cmyk(32%, 6%, 0%, 5%)
Oklch
oklch(87.8% 0.066 213.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9D3756
389F80

Analogous

9F388A
9D3756
9F4C38

Triadic

9D3756
579F38
38579F

Split-Comp.

9D3756
389F4C
388A9F

Tetradic

9D3756
8A9F38
389F80
4C389F

Contrast Matrix WCAG 2.1 Contrast

9D3756
6D0851
9D7089
A2AABB
A4E3F1
—
1.7
Fail
1.6
Fail
2.9
Fail
4.8
AA
1.7
Fail
—
2.8
Fail
5.0
AA
8.2
AAA
1.6
Fail
2.8
Fail
—
1.8
Fail
2.9
Fail
2.9
Fail
5.0
AA
1.8
Fail
—
1.6
Fail
4.8
AA
8.2
AAA
2.9
Fail
1.6
Fail
—
White BG
6.7AA
11.6AAA
4.1AA Large
2.3Fail
1.4Fail
Black BG
3.1AA Large
1.8Fail
5.1AA
9.0AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

71704E
41403F
8A8983
A5A6B7
BFC0EE

Deuteranopia

777E4D
474F3B
8C9082
A5A4B6
BCB7ED

Tritanopia

984947
68312E
9B7E7D
A2B4B3
A7EBEA

Achromatopsia

595959
2F2F2F
808080
AAAAAA
D2D2D2

Shades & Tints Shades & Tints

#9D3756

Dark
Light

#6D0851

Dark
Light

#9D7089

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9d3756;
  --color-2: #6d0851;
  --color-3: #9d7089;
  --color-4: #a2aabb;
  --color-5: #a4e3f1;
}

SCSS

$color-1: #9d3756;
$color-2: #6d0851;
$color-3: #9d7089;
$color-4: #a2aabb;
$color-5: #a4e3f1;

TAILWIND

colors: {
  'brand-1': '#9d3756',
  'brand-2': '#6d0851',
  'brand-3': '#9d7089',
  'brand-4': '#a2aabb',
  'brand-5': '#a4e3f1',
}

RGB Array

[157, 55, 86], [109, 8, 81], [157, 112, 137], [162, 170, 187], [164, 227, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9D3756, #6D0851, #9D7089, #A2AABB, #A4E3F1 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: #9d3756; --color-2: #6d0851; --color-3: #9d7089; --color-4: #a2aabb; --color-5: #a4e3f1. 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