← Back to Editor

#1A1A19 · #3E1C1E · #621D24 · #861E29 · #AA202E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1A1A19

Ink Black · Black · Jet Black

HEX
#1A1A19
RGB
rgb(26, 26, 25)
HSL
hsl(60, 2%, 10%)
HSB
hsb(60, 4%, 10%)
CMYK
cmyk(0%, 0%, 4%, 90%)
Oklch
oklch(21.7% 0.002 106.6)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#3E1C1E

Crimson · DarkSlateGray · Deep Berry

HEX
#3E1C1E
RGB
rgb(62, 28, 30)
HSL
hsl(356, 38%, 18%)
HSB
hsb(356, 55%, 24%)
CMYK
cmyk(0%, 55%, 52%, 76%)
Oklch
oklch(27.6% 0.053 17.5)

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

#621D24

Crimson · Maroon · Wine Red

HEX
#621D24
RGB
rgb(98, 29, 36)
HSL
hsl(354, 54%, 25%)
HSB
hsb(354, 70%, 38%)
CMYK
cmyk(0%, 70%, 63%, 62%)
Oklch
oklch(34.3% 0.099 18.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#861E29

Vermilion · Brown · Wine Red

HEX
#861E29
RGB
rgb(134, 30, 41)
HSL
hsl(354, 63%, 32%)
HSB
hsb(354, 78%, 53%)
CMYK
cmyk(0%, 78%, 69%, 47%)
Oklch
oklch(41.2% 0.138 20.4)

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

#AA202E

Vermilion · Brown · Wine Red

HEX
#AA202E
RGB
rgb(170, 32, 46)
HSL
hsl(354, 68%, 40%)
HSB
hsb(354, 81%, 67%)
CMYK
cmyk(0%, 81%, 73%, 33%)
Oklch
oklch(48.2% 0.172 22.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1A19
19191A

Analogous

1A1A19
1A1A19
1A1A19

Triadic

1A1A19
191A1A
1A191A

Split-Comp.

1A1A19
191A1A
1A191A

Tetradic

1A1A19
191A1A
19191A
1A191A

Contrast Matrix WCAG 2.1 Contrast

1A1A19
3E1C1E
621D24
861E29
AA202E
—
1.2
Fail
1.4
Fail
1.9
Fail
2.5
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
17.4AAA
15.1AAA
12.2AAA
9.4AAA
7.1AAA
Black BG
1.2Fail
1.4Fail
1.7Fail
2.2Fail
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A19
2F2F1E
444422
595826
6E6D2B

Deuteranopia

1A1A19
31341D
484D22
5F6726
76812A

Tritanopia

1A1919
3C1D1D
5F2121
812424
A32827

Achromatopsia

1A1A1A
262626
323232
3E3E3E
4B4B4B

Shades & Tints Shades & Tints

#1A1A19

Dark
Light

#3E1C1E

Dark
Light

#621D24

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1a19;
  --color-2: #3e1c1e;
  --color-3: #621d24;
  --color-4: #861e29;
  --color-5: #aa202e;
}

SCSS

$color-1: #1a1a19;
$color-2: #3e1c1e;
$color-3: #621d24;
$color-4: #861e29;
$color-5: #aa202e;

TAILWIND

colors: {
  'brand-1': '#1a1a19',
  'brand-2': '#3e1c1e',
  'brand-3': '#621d24',
  'brand-4': '#861e29',
  'brand-5': '#aa202e',
}

RGB Array

[26, 26, 25], [62, 28, 30], [98, 29, 36], [134, 30, 41], [170, 32, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1A19, #3E1C1E, #621D24, #861E29, #AA202E 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: #1a1a19; --color-2: #3e1c1e; --color-3: #621d24; --color-4: #861e29; --color-5: #aa202e. 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