← Back to Editor

#910039 · #A28587 · #DBD4C1 · #B9CCD2 · #68899C

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

#910039

Dark Violet · Brown · Camellia

HEX
#910039
RGB
rgb(145, 0, 57)
HSL
hsl(336, 100%, 28%)
HSB
hsb(336, 100%, 57%)
CMYK
cmyk(0%, 100%, 61%, 43%)
Oklch
oklch(42.0% 0.168 9.3)

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

#A28587

Crimson · Gray · Passion Red

HEX
#A28587
RGB
rgb(162, 133, 135)
HSL
hsl(356, 13%, 58%)
HSB
hsb(356, 18%, 64%)
CMYK
cmyk(0%, 18%, 17%, 36%)
Oklch
oklch(64.4% 0.036 13.4)

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

#DBD4C1

Goose Yellow · LightGray · Lemon Cream

HEX
#DBD4C1
RGB
rgb(219, 212, 193)
HSL
hsl(44, 27%, 81%)
HSB
hsb(44, 12%, 86%)
CMYK
cmyk(0%, 3%, 12%, 14%)
Oklch
oklch(87.0% 0.027 90.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B9CCD2

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B9CCD2
RGB
rgb(185, 204, 210)
HSL
hsl(194, 22%, 77%)
HSB
hsb(194, 12%, 82%)
CMYK
cmyk(12%, 3%, 0%, 18%)
Oklch
oklch(83.3% 0.022 218.7)

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

#68899C

Slate Blue · LightSlateGray · Navy Blue

HEX
#68899C
RGB
rgb(104, 137, 156)
HSL
hsl(202, 21%, 51%)
HSB
hsb(202, 33%, 61%)
CMYK
cmyk(33%, 12%, 0%, 39%)
Oklch
oklch(61.2% 0.047 233.8)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

910039
008F56

Analogous

8F0081
910039
8F0E00

Triadic

910039
398F00
00398F

Split-Comp.

910039
008F0E
00818F

Tetradic

910039
818F00
008F56
0E008F

Contrast Matrix WCAG 2.1 Contrast

910039
A28587
DBD4C1
B9CCD2
68899C
—
2.8
Fail
6.3
AA
5.6
AA
2.5
Fail
2.8
Fail
—
2.3
Fail
2.0
Fail
1.1
Fail
6.3
AA
2.3
Fail
—
1.1
Fail
2.5
Fail
5.6
AA
2.0
Fail
1.1
Fail
—
2.2
Fail
2.5
Fail
1.1
Fail
2.5
Fail
2.2
Fail
—
White BG
9.3AAA
3.4AA Large
1.5Fail
1.7Fail
3.7AA Large
Black BG
2.3Fail
6.2AA
14.2AAA
12.6AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

52512B
959587
D8D8C6
C1C1D1
767797

Deuteranopia

5B6628
979986
D8D9C7
C0BFD0
747296

Tritanopia

8A201E
A18686
DBC9CA
BACFCF
6A9493

Achromatopsia

323232
8E8E8E
D4D4D4
C7C7C7
818181

Shades & Tints Shades & Tints

#910039

Dark
Light

#A28587

Dark
Light

#DBD4C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #910039;
  --color-2: #a28587;
  --color-3: #dbd4c1;
  --color-4: #b9ccd2;
  --color-5: #68899c;
}

SCSS

$color-1: #910039;
$color-2: #a28587;
$color-3: #dbd4c1;
$color-4: #b9ccd2;
$color-5: #68899c;

TAILWIND

colors: {
  'brand-1': '#910039',
  'brand-2': '#a28587',
  'brand-3': '#dbd4c1',
  'brand-4': '#b9ccd2',
  'brand-5': '#68899c',
}

RGB Array

[145, 0, 57], [162, 133, 135], [219, 212, 193], [185, 204, 210], [104, 137, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #910039, #A28587, #DBD4C1, #B9CCD2, #68899C 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: #910039; --color-2: #a28587; --color-3: #dbd4c1; --color-4: #b9ccd2; --color-5: #68899c. 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