#D14D02 + #BF1926 + #6E0F49 + #332038 + #1B222A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D14D02

Tangerine · Chocolate · Amber Brown

HEX

#D14D02

RGB

rgb(209, 77, 2)

HSL

hsl(22, 98%, 41%)

HSB

hsb(22, 99%, 82%)

CMYK

cmyk(0%, 63%, 99%, 18%)

Oklch

oklch(59.2% 0.180 41.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#BF1926

Vermilion · FireBrick · Passion Red

HEX

#BF1926

RGB

rgb(191, 25, 38)

HSL

hsl(355, 77%, 42%)

HSB

hsb(355, 87%, 75%)

CMYK

cmyk(0%, 87%, 80%, 25%)

Oklch

oklch(51.6% 0.196 24.8)

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

#6E0F49

Rose Purple · Purple · Raspberry

HEX

#6E0F49

RGB

rgb(110, 15, 73)

HSL

hsl(323, 76%, 25%)

HSB

hsb(323, 86%, 43%)

CMYK

cmyk(0%, 86%, 34%, 57%)

Oklch

oklch(36.4% 0.138 349.4)

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

#332038

Dark Plum · DarkSlateGray · Dark Purple

HEX

#332038

RGB

rgb(51, 32, 56)

HSL

hsl(288, 27%, 17%)

HSB

hsb(288, 43%, 22%)

CMYK

cmyk(9%, 43%, 0%, 78%)

Oklch

oklch(27.8% 0.050 319.1)

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

#1B222A

Indigo · Black · Deep Sea Blue

HEX

#1B222A

RGB

rgb(27, 34, 42)

HSL

hsl(212, 22%, 14%)

HSB

hsb(212, 36%, 16%)

CMYK

cmyk(36%, 19%, 0%, 84%)

Oklch

oklch(24.9% 0.018 252.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D14D02

0284CF

Analogous

CF021D

D14D02

CFB402

Triadic

D14D02

02CF4D

4D02CF

Split-Comp.

D14D02

02CFB4

021DCF

Tetradic

D14D02

1DCF02

0284CF

B402CF

Contrast Matrix WCAG 2.1 Contrast

D14D02	BF1926	6E0F49	332038	1B222A
—	1.4 Fail	2.6 Fail	3.4 AA Large	3.6 AA Large
1.4 Fail	—	1.9 Fail	2.4 Fail	2.6 Fail
2.6 Fail	1.9 Fail	—	1.3 Fail	1.4 Fail
3.4 AA Large	2.4 Fail	1.3 Fail	—	1.1 Fail
3.6 AA Large	2.6 Fail	1.4 Fail	1.1 Fail	—

White BG

4.4AA Large

6.2AA

11.5AAA

15.0AAA

16.0AAA

Black BG

4.8AA

3.4AA Large

1.8Fail

1.4Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

989714

777623

45443B

2B2B32

1E1E28

Deuteranopia

A0A918

818D22

4A5238

2C2D31

1E1D28

Tritanopia

CA2226

B72020

69302D

322E2D

1B2726

Achromatopsia

6C6C6C

4C4C4C

323232

282828

212121

Shades & Tints Shades & Tints

#D14D02

Dark

Light

#BF1926

Dark

Light

#6E0F49

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d14d02;
  --color-2: #bf1926;
  --color-3: #6e0f49;
  --color-4: #332038;
  --color-5: #1b222a;
}

SCSS

$color-1: #d14d02;
$color-2: #bf1926;
$color-3: #6e0f49;
$color-4: #332038;
$color-5: #1b222a;

TAILWIND

colors: {
  'brand-1': '#d14d02',
  'brand-2': '#bf1926',
  'brand-3': '#6e0f49',
  'brand-4': '#332038',
  'brand-5': '#1b222a',
}

RGB Array

[209, 77, 2], [191, 25, 38], [110, 15, 73], [51, 32, 56], [27, 34, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D14D02, #BF1926, #6E0F49, #332038, #1B222A 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: #d14d02; --color-2: #bf1926; --color-3: #6e0f49; --color-4: #332038; --color-5: #1b222a. 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