← Back to Editor

#8A4B6B · #250608 · #F0DDC9 · #F4F3D6 · #9BA5BE

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

#8A4B6B

Dark Violet · DimGray · Camellia

HEX
#8A4B6B
RGB
rgb(138, 75, 107)
HSL
hsl(330, 30%, 42%)
HSB
hsb(330, 46%, 54%)
CMYK
cmyk(0%, 46%, 22%, 46%)
Oklch
oklch(49.9% 0.094 349.3)

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

#250608

Vermilion · Black · Deep Berry

HEX
#250608
RGB
rgb(37, 6, 8)
HSL
hsl(356, 72%, 8%)
HSB
hsb(356, 84%, 15%)
CMYK
cmyk(0%, 84%, 78%, 85%)
Oklch
oklch(18.2% 0.053 19.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#F0DDC9

Goose Yellow · Bisque · Peach Orange

HEX
#F0DDC9
RGB
rgb(240, 221, 201)
HSL
hsl(31, 57%, 86%)
HSB
hsb(31, 16%, 94%)
CMYK
cmyk(0%, 8%, 16%, 6%)
Oklch
oklch(90.8% 0.034 68.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F4F3D6

Fresh Green · Beige · Lemon Cream

HEX
#F4F3D6
RGB
rgb(244, 243, 214)
HSL
hsl(58, 58%, 90%)
HSB
hsb(58, 12%, 96%)
CMYK
cmyk(0%, 0%, 12%, 4%)
Oklch
oklch(95.7% 0.038 105.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#9BA5BE

Azure · DarkGray · Cobalt Blue

HEX
#9BA5BE
RGB
rgb(155, 165, 190)
HSL
hsl(223, 21%, 68%)
HSB
hsb(223, 18%, 75%)
CMYK
cmyk(18%, 13%, 0%, 25%)
Oklch
oklch(72.2% 0.038 268.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A4B6B
4B8B6B

Analogous

8B4B8B
8A4B6B
8B4B4B

Triadic

8A4B6B
6B8B4B
4B6B8B

Split-Comp.

8A4B6B
4B8B4B
4B8B8B

Tetradic

8A4B6B
8B8B4B
4B8B6B
4B4B8B

Contrast Matrix WCAG 2.1 Contrast

8A4B6B
250608
F0DDC9
F4F3D6
9BA5BE
—
3.0
Fail
4.8
AA
5.6
AA
2.6
Fail
3.0
Fail
—
14.3
AAA
16.8
AAA
7.7
AAA
4.8
AA
14.3
AAA
—
1.2
Fail
1.9
Fail
5.6
AA
16.8
AAA
1.2
Fail
—
2.2
Fail
2.6
Fail
7.7
AAA
1.9
Fail
2.2
Fail
—
White BG
6.4AA
18.9AAA
1.3Fail
1.1Fail
2.5Fail
Black BG
3.3AA Large
1.1Fail
15.9AAA
18.6AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6E63
181708
E8E8CE
F4F4DD
9F9FB8

Deuteranopia

727761
191C07
E9EACF
F4F4DF
9F9EB7

Tritanopia

875D5C
230707
EFD2D3
F4E3E4
9CB3B2

Achromatopsia

616161
0F0F0F
E0E0E0
F0F0F0
A5A5A5

Shades & Tints Shades & Tints

#8A4B6B

Dark
Light

#250608

Dark
Light

#F0DDC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a4b6b;
  --color-2: #250608;
  --color-3: #f0ddc9;
  --color-4: #f4f3d6;
  --color-5: #9ba5be;
}

SCSS

$color-1: #8a4b6b;
$color-2: #250608;
$color-3: #f0ddc9;
$color-4: #f4f3d6;
$color-5: #9ba5be;

TAILWIND

colors: {
  'brand-1': '#8a4b6b',
  'brand-2': '#250608',
  'brand-3': '#f0ddc9',
  'brand-4': '#f4f3d6',
  'brand-5': '#9ba5be',
}

RGB Array

[138, 75, 107], [37, 6, 8], [240, 221, 201], [244, 243, 214], [155, 165, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A4B6B, #250608, #F0DDC9, #F4F3D6, #9BA5BE 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: #8a4b6b; --color-2: #250608; --color-3: #f0ddc9; --color-4: #f4f3d6; --color-5: #9ba5be. 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