← Back to Editor

#6B022A · #74544D · #200C18 · #F7DAC6 · #892D4C

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 LibraryData Visualization

Color Details Color Details

#6B022A

Dark Violet · Maroon · Raspberry

HEX
#6B022A
RGB
rgb(107, 2, 42)
HSL
hsl(337, 96%, 21%)
HSB
hsb(337, 98%, 42%)
CMYK
cmyk(0%, 98%, 61%, 58%)
Oklch
oklch(33.9% 0.134 8.2)

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

#74544D

Crimson · DimGray · Wine Red

HEX
#74544D
RGB
rgb(116, 84, 77)
HSL
hsl(11, 20%, 38%)
HSB
hsb(11, 34%, 45%)
CMYK
cmyk(0%, 28%, 34%, 55%)
Oklch
oklch(47.8% 0.045 32.6)

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

#200C18

Rose Purple · Black · Raspberry

HEX
#200C18
RGB
rgb(32, 12, 24)
HSL
hsl(324, 45%, 9%)
HSB
hsb(324, 63%, 13%)
CMYK
cmyk(0%, 62%, 25%, 87%)
Oklch
oklch(19.0% 0.040 344.6)

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

#F7DAC6

Apricot · Bisque · Peach Orange

HEX
#F7DAC6
RGB
rgb(247, 218, 198)
HSL
hsl(24, 75%, 87%)
HSB
hsb(24, 20%, 97%)
CMYK
cmyk(0%, 12%, 20%, 3%)
Oklch
oklch(90.7% 0.042 56.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#892D4C

Dark Violet · Brown · Camellia

HEX
#892D4C
RGB
rgb(137, 45, 76)
HSL
hsl(340, 51%, 36%)
HSB
hsb(340, 67%, 54%)
CMYK
cmyk(0%, 67%, 45%, 46%)
Oklch
oklch(44.2% 0.128 3.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B022A
026942

Analogous

69025D
6B022A
690E02

Triadic

6B022A
2A6902
022A69

Split-Comp.

6B022A
02690E
025D69

Tetradic

6B022A
5D6902
026942
0E0269

Contrast Matrix WCAG 2.1 Contrast

6B022A
74544D
200C18
F7DAC6
892D4C
—
1.9
Fail
1.5
Fail
9.5
AAA
1.5
Fail
1.9
Fail
—
2.8
Fail
5.1
AA
1.2
Fail
1.5
Fail
2.8
Fail
—
14.0
AAA
2.3
Fail
9.5
AAA
5.1
AA
14.0
AAA
—
6.2
AA
1.5
Fail
1.2
Fail
2.3
Fail
6.2
AA
—
White BG
12.6AAA
6.7AA
18.6AAA
1.3Fail
8.3AAA
Black BG
1.7Fail
3.1AA Large
1.1Fail
15.8AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D20
66664F
171715
EAEACB
616044

Deuteranopia

444B1E
686A4F
191A14
ECEECC
676D43

Tritanopia

661917
725050
1F1312
F6CFD0
843F3D

Achromatopsia

262626
5D5D5D
131313
E0E0E0
4C4C4C

Shades & Tints Shades & Tints

#6B022A

Dark
Light

#74544D

Dark
Light

#200C18

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b022a;
  --color-2: #74544d;
  --color-3: #200c18;
  --color-4: #f7dac6;
  --color-5: #892d4c;
}

SCSS

$color-1: #6b022a;
$color-2: #74544d;
$color-3: #200c18;
$color-4: #f7dac6;
$color-5: #892d4c;

TAILWIND

colors: {
  'brand-1': '#6b022a',
  'brand-2': '#74544d',
  'brand-3': '#200c18',
  'brand-4': '#f7dac6',
  'brand-5': '#892d4c',
}

RGB Array

[107, 2, 42], [116, 84, 77], [32, 12, 24], [247, 218, 198], [137, 45, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B022A, #74544D, #200C18, #F7DAC6, #892D4C 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: #6b022a; --color-2: #74544d; --color-3: #200c18; --color-4: #f7dac6; --color-5: #892d4c. 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