← Back to Editor

#130D0E · #816E6B · #EB8612 · #D34555 · #CC0656

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

#130D0E

Crimson · Black · Deep Berry

HEX
#130D0E
RGB
rgb(19, 13, 14)
HSL
hsl(350, 19%, 6%)
HSB
hsb(350, 32%, 7%)
CMYK
cmyk(0%, 32%, 26%, 93%)
Oklch
oklch(16.7% 0.010 7.0)

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

#816E6B

Crimson · DimGray · Warm Gray

HEX
#816E6B
RGB
rgb(129, 110, 107)
HSL
hsl(8, 9%, 46%)
HSB
hsb(8, 17%, 51%)
CMYK
cmyk(0%, 15%, 17%, 49%)
Oklch
oklch(55.5% 0.025 28.5)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#EB8612

Ochre · GoldenRod · Amber Brown

HEX
#EB8612
RGB
rgb(235, 134, 18)
HSL
hsl(32, 86%, 50%)
HSB
hsb(32, 92%, 92%)
CMYK
cmyk(0%, 43%, 92%, 8%)
Oklch
oklch(71.5% 0.164 60.1)

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

#D34555

Vermilion · Tomato · Passion Red

HEX
#D34555
RGB
rgb(211, 69, 85)
HSL
hsl(353, 62%, 55%)
HSB
hsb(353, 67%, 83%)
CMYK
cmyk(0%, 67%, 60%, 17%)
Oklch
oklch(59.4% 0.177 18.0)

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

#CC0656

Dark Violet · Crimson · Camellia

HEX
#CC0656
RGB
rgb(204, 6, 86)
HSL
hsl(336, 94%, 41%)
HSB
hsb(336, 97%, 80%)
CMYK
cmyk(0%, 97%, 58%, 20%)
Oklch
oklch(54.3% 0.215 8.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

130D0E
0C1211

Analogous

120C10
130D0E
120E0C

Triadic

130D0E
0D120C
0C0D12

Split-Comp.

130D0E
0C120E
0C1012

Tetradic

130D0E
10120C
0C1211
0E0C12

Contrast Matrix WCAG 2.1 Contrast

130D0E
816E6B
EB8612
D34555
CC0656
—
4.0
AA Large
7.3
AAA
4.4
AA Large
3.4
AA Large
4.0
AA Large
—
1.8
Fail
1.1
Fail
1.2
Fail
7.3
AAA
1.8
Fail
—
1.7
Fail
2.1
Fail
4.4
AA Large
1.1
Fail
1.7
Fail
—
1.3
Fail
3.4
AA Large
1.2
Fail
2.1
Fail
1.3
Fail
—
White BG
19.2AAA
4.8AA
2.6Fail
4.4AA Large
5.6AA
Black BG
1.1Fail
4.4AA Large
8.0AAA
4.8AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

10100E
79796C
BFBE2E
969451
767443

Deuteranopia

11110E
7A7B6C
C5CD35
9EA850
82913E

Tritanopia

130E0E
806C6C
E64449
CC4E4D
C23330

Achromatopsia

0F0F0F
737373
979797
717171
4A4A4A

Shades & Tints Shades & Tints

#130D0E

Dark
Light

#816E6B

Dark
Light

#EB8612

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #130d0e;
  --color-2: #816e6b;
  --color-3: #eb8612;
  --color-4: #d34555;
  --color-5: #cc0656;
}

SCSS

$color-1: #130d0e;
$color-2: #816e6b;
$color-3: #eb8612;
$color-4: #d34555;
$color-5: #cc0656;

TAILWIND

colors: {
  'brand-1': '#130d0e',
  'brand-2': '#816e6b',
  'brand-3': '#eb8612',
  'brand-4': '#d34555',
  'brand-5': '#cc0656',
}

RGB Array

[19, 13, 14], [129, 110, 107], [235, 134, 18], [211, 69, 85], [204, 6, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #130D0E, #816E6B, #EB8612, #D34555, #CC0656 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: #130d0e; --color-2: #816e6b; --color-3: #eb8612; --color-4: #d34555; --color-5: #cc0656. 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