#262232 + #280E19 + #3E0321 + #4F0F29 + #30303E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#262232

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#262232

RGB

rgb(38, 34, 50)

HSL

hsl(255, 19%, 16%)

HSB

hsb(255, 32%, 20%)

CMYK

cmyk(24%, 32%, 0%, 80%)

Oklch

oklch(26.4% 0.030 295.7)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#280E19

Dark Violet · Black · Raspberry

HEX

#280E19

RGB

rgb(40, 14, 25)

HSL

hsl(335, 48%, 11%)

HSB

hsb(335, 65%, 16%)

CMYK

cmyk(0%, 65%, 38%, 84%)

Oklch

oklch(20.9% 0.046 355.2)

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

#3E0321

Rose Purple · Black · Raspberry

HEX

#3E0321

RGB

rgb(62, 3, 33)

HSL

hsl(329, 91%, 13%)

HSB

hsb(329, 95%, 24%)

CMYK

cmyk(0%, 95%, 47%, 76%)

Oklch

oklch(24.1% 0.093 355.9)

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

#4F0F29

Dark Violet · Maroon · Raspberry

HEX

#4F0F29

RGB

rgb(79, 15, 41)

HSL

hsl(336, 68%, 18%)

HSB

hsb(336, 81%, 31%)

CMYK

cmyk(0%, 81%, 48%, 69%)

Oklch

oklch(29.1% 0.097 0.7)

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

#30303E

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#30303E

RGB

rgb(48, 48, 62)

HSL

hsl(240, 13%, 22%)

HSB

hsb(240, 23%, 24%)

CMYK

cmyk(23%, 23%, 0%, 76%)

Oklch

oklch(31.5% 0.025 284.9)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

262232

2D3121

Analogous

212531

262232

2D2131

Triadic

262232

312521

213125

Split-Comp.

262232

312D21

253121

Tetradic

262232

312125

2D3121

21312D

Contrast Matrix WCAG 2.1 Contrast

262232	280E19	3E0321	4F0F29	30303E
—	1.2 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.1 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

15.5AAA

18.0AAA

16.9AAA

14.7AAA

13.0AAA

Black BG

1.4Fail

1.2Fail

1.4Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

24242E

1D1D16

24241A

333323

30303B

Deuteranopia

25252D

1E2016

282C18

373C21

30303A

Tritanopia

262B2A

271414

3B1413

4C1E1D

303837

Achromatopsia

252525

171717

181818

252525

323232

Shades & Tints Shades & Tints

#262232

Dark

Light

#280E19

Dark

Light

#3E0321

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #262232;
  --color-2: #280e19;
  --color-3: #3e0321;
  --color-4: #4f0f29;
  --color-5: #30303e;
}

SCSS

$color-1: #262232;
$color-2: #280e19;
$color-3: #3e0321;
$color-4: #4f0f29;
$color-5: #30303e;

TAILWIND

colors: {
  'brand-1': '#262232',
  'brand-2': '#280e19',
  'brand-3': '#3e0321',
  'brand-4': '#4f0f29',
  'brand-5': '#30303e',
}

RGB Array

[38, 34, 50], [40, 14, 25], [62, 3, 33], [79, 15, 41], [48, 48, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #262232, #280E19, #3E0321, #4F0F29, #30303E is ideal for: tech websites, dark mode UIs, game UIs. 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: #262232; --color-2: #280e19; --color-3: #3e0321; --color-4: #4f0f29; --color-5: #30303e. 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. 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