← Back to Editor

#2B0623 · #381E36 · #453857 · #605E6B · #F0A495

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

#2B0623

Rose Purple · Black · Dark Purple

HEX
#2B0623
RGB
rgb(43, 6, 35)
HSL
hsl(313, 76%, 10%)
HSB
hsb(313, 86%, 17%)
CMYK
cmyk(0%, 86%, 19%, 83%)
Oklch
oklch(20.7% 0.073 337.8)

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

#381E36

Rose Purple · DarkSlateGray · Dark Purple

HEX
#381E36
RGB
rgb(56, 30, 54)
HSL
hsl(305, 30%, 17%)
HSB
hsb(305, 46%, 22%)
CMYK
cmyk(0%, 46%, 4%, 78%)
Oklch
oklch(28.0% 0.056 329.7)

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

#453857

Deep Indigo · DarkSlateGray · Eggplant

HEX
#453857
RGB
rgb(69, 56, 87)
HSL
hsl(265, 22%, 28%)
HSB
hsb(265, 36%, 34%)
CMYK
cmyk(21%, 36%, 0%, 66%)
Oklch
oklch(36.8% 0.055 303.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#605E6B

Ink Gray · DimGray · Charcoal

HEX
#605E6B
RGB
rgb(96, 94, 107)
HSL
hsl(249, 6%, 39%)
HSB
hsb(249, 12%, 42%)
CMYK
cmyk(10%, 12%, 0%, 58%)
Oklch
oklch(48.8% 0.021 292.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#F0A495

Peach Pink · BurlyWood · Coral Red

HEX
#F0A495
RGB
rgb(240, 164, 149)
HSL
hsl(10, 75%, 76%)
HSB
hsb(10, 38%, 94%)
CMYK
cmyk(0%, 32%, 38%, 6%)
Oklch
oklch(78.9% 0.093 31.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B0623
062D0F

Analogous

22062D
2B0623
2D0611

Triadic

2B0623
242D06
06242D

Split-Comp.

2B0623
112D06
062D22

Tetradic

2B0623
2D2206
062D0F
06112D

Contrast Matrix WCAG 2.1 Contrast

2B0623
381E36
453857
605E6B
F0A495
—
1.2
Fail
1.7
Fail
2.9
Fail
9.1
AAA
1.2
Fail
—
1.4
Fail
2.4
Fail
7.4
AAA
1.7
Fail
1.4
Fail
—
1.7
Fail
5.3
AA
2.9
Fail
2.4
Fail
1.7
Fail
—
3.2
AA Large
9.1
AAA
7.4
AAA
5.3
AA
3.2
AA Large
—
White BG
18.2AAA
14.9AAA
10.7AAA
6.3AA
2.0Fail
Black BG
1.2Fail
1.4Fail
2.0Fail
3.3AA Large
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B1C
2D2D30
3F3F4F
5F5F68
CFCE99

Deuteranopia

1D201A
2E302F
40414E
5F5F67
D4D99A

Tritanopia

291615
372C2B
444A48
606565
EC9B9C

Achromatopsia

141414
292929
3F3F3F
606060
B9B9B9

Shades & Tints Shades & Tints

#2B0623

Dark
Light

#381E36

Dark
Light

#453857

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b0623;
  --color-2: #381e36;
  --color-3: #453857;
  --color-4: #605e6b;
  --color-5: #f0a495;
}

SCSS

$color-1: #2b0623;
$color-2: #381e36;
$color-3: #453857;
$color-4: #605e6b;
$color-5: #f0a495;

TAILWIND

colors: {
  'brand-1': '#2b0623',
  'brand-2': '#381e36',
  'brand-3': '#453857',
  'brand-4': '#605e6b',
  'brand-5': '#f0a495',
}

RGB Array

[43, 6, 35], [56, 30, 54], [69, 56, 87], [96, 94, 107], [240, 164, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B0623, #381E36, #453857, #605E6B, #F0A495 is ideal for: tech websites, dark mode UIs, game UIs, 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: #2b0623; --color-2: #381e36; --color-3: #453857; --color-4: #605e6b; --color-5: #f0a495. 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 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