← Back to Editor

#080A09 · #231B2A · #4A3850 · #927999 · #CECBF6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#080A09

Mineral Blue · Black · Dark Green

HEX
#080A09
RGB
rgb(8, 10, 9)
HSL
hsl(150, 11%, 4%)
HSB
hsb(150, 20%, 4%)
CMYK
cmyk(20%, 0%, 10%, 96%)
Oklch
oklch(14.2% 0.004 165.2)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#231B2A

Dark Plum · Black · Dark Purple

HEX
#231B2A
RGB
rgb(35, 27, 42)
HSL
hsl(272, 22%, 14%)
HSB
hsb(272, 36%, 16%)
CMYK
cmyk(17%, 36%, 0%, 84%)
Oklch
oklch(23.9% 0.030 308.5)

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

#4A3850

Dark Plum · DarkSlateGray · Eggplant

HEX
#4A3850
RGB
rgb(74, 56, 80)
HSL
hsl(285, 18%, 27%)
HSB
hsb(285, 30%, 31%)
CMYK
cmyk(7%, 30%, 0%, 69%)
Oklch
oklch(37.0% 0.047 317.5)

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

#927999

Dark Plum · LightSlateGray · Violet

HEX
#927999
RGB
rgb(146, 121, 153)
HSL
hsl(287, 14%, 54%)
HSB
hsb(287, 21%, 60%)
CMYK
cmyk(5%, 21%, 0%, 40%)
Oklch
oklch(61.1% 0.056 318.8)

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

#CECBF6

Wisteria · LightGray · Sky Blue

HEX
#CECBF6
RGB
rgb(206, 203, 246)
HSL
hsl(244, 70%, 88%)
HSB
hsb(244, 17%, 96%)
CMYK
cmyk(16%, 17%, 0%, 4%)
Oklch
oklch(85.8% 0.059 288.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080A09
0B090A

Analogous

090B09
080A09
090B0B

Triadic

080A09
0A090B
0B0A09

Split-Comp.

080A09
0B090B
0B0909

Tetradic

080A09
09090B
0B090A
0B0B09

Contrast Matrix WCAG 2.1 Contrast

080A09
231B2A
4A3850
927999
CECBF6
—
1.2
Fail
1.9
Fail
5.1
AA
12.8
AAA
1.2
Fail
—
1.6
Fail
4.3
AA Large
10.7
AAA
1.9
Fail
1.6
Fail
—
2.7
Fail
6.8
AA
5.1
AA
4.3
AA Large
2.7
Fail
—
2.5
Fail
12.8
AAA
10.7
AAA
6.8
AA
2.5
Fail
—
White BG
19.9AAA
16.6AAA
10.6AAA
3.9AA Large
1.6Fail
Black BG
1.1Fail
1.3Fail
2.0Fail
5.4AA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

090909
201F26
42424A
878791
CDCDEC

Deuteranopia

090909
202126
434549
898B8F
CDCDE9

Tritanopia

080909
232423
494645
918B8A
CEE3E2

Achromatopsia

090909
1F1F1F
404040
848484
D1D1D1

Shades & Tints Shades & Tints

#080A09

Dark
Light

#231B2A

Dark
Light

#4A3850

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080a09;
  --color-2: #231b2a;
  --color-3: #4a3850;
  --color-4: #927999;
  --color-5: #cecbf6;
}

SCSS

$color-1: #080a09;
$color-2: #231b2a;
$color-3: #4a3850;
$color-4: #927999;
$color-5: #cecbf6;

TAILWIND

colors: {
  'brand-1': '#080a09',
  'brand-2': '#231b2a',
  'brand-3': '#4a3850',
  'brand-4': '#927999',
  'brand-5': '#cecbf6',
}

RGB Array

[8, 10, 9], [35, 27, 42], [74, 56, 80], [146, 121, 153], [206, 203, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080A09, #231B2A, #4A3850, #927999, #CECBF6 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #080a09; --color-2: #231b2a; --color-3: #4a3850; --color-4: #927999; --color-5: #cecbf6. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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