← Back to Editor

#3B1514 · #F8F3BC · #EF313D · #A13630 · #2A1719

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

#3B1514

Crimson · Black · Deep Berry

HEX
#3B1514
RGB
rgb(59, 21, 20)
HSL
hsl(2, 49%, 15%)
HSB
hsb(2, 66%, 23%)
CMYK
cmyk(0%, 64%, 66%, 77%)
Oklch
oklch(25.5% 0.061 23.8)

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

#F8F3BC

Fresh Green · Bisque · Lemon Cream

HEX
#F8F3BC
RGB
rgb(248, 243, 188)
HSL
hsl(55, 81%, 85%)
HSB
hsb(55, 24%, 97%)
CMYK
cmyk(0%, 2%, 24%, 3%)
Oklch
oklch(95.5% 0.071 103.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EF313D

Vermilion · Crimson · Passion Red

HEX
#EF313D
RGB
rgb(239, 49, 61)
HSL
hsl(356, 86%, 56%)
HSB
hsb(356, 79%, 94%)
CMYK
cmyk(0%, 79%, 74%, 6%)
Oklch
oklch(62.1% 0.223 24.0)

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

#A13630

Crimson · Brown · Passion Red

HEX
#A13630
RGB
rgb(161, 54, 48)
HSL
hsl(3, 54%, 41%)
HSB
hsb(3, 70%, 63%)
CMYK
cmyk(0%, 66%, 70%, 37%)
Oklch
oklch(48.8% 0.143 26.9)

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

#2A1719

Crimson · Black · Deep Berry

HEX
#2A1719
RGB
rgb(42, 23, 25)
HSL
hsl(354, 29%, 13%)
HSB
hsb(354, 45%, 16%)
CMYK
cmyk(0%, 45%, 40%, 84%)
Oklch
oklch(23.1% 0.031 12.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B1514
143839

Analogous

391425
3B1514
392714

Triadic

3B1514
143915
151439

Split-Comp.

3B1514
143927
142539

Tetradic

3B1514
253914
143839
271439

Contrast Matrix WCAG 2.1 Contrast

3B1514
F8F3BC
EF313D
A13630
2A1719
—
14.2
AAA
4.0
AA Large
2.4
Fail
1.1
Fail
14.2
AAA
—
3.6
AA Large
6.0
AA
15.0
AAA
4.0
AA Large
3.6
AA Large
—
1.7
Fail
4.2
AA Large
2.4
Fail
6.0
AA
1.7
Fail
—
2.5
Fail
1.1
Fail
15.0
AAA
4.2
AA Large
2.5
Fail
—
White BG
16.1AAA
1.1Fail
4.1AA Large
6.8AA
17.0AAA
Black BG
1.3Fail
18.5AAA
5.2AA
3.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2A14
F6F6C9
9D9B3A
737231
222219

Deuteranopia

2D3014
F6F7CD
A8B639
798132
232418

Tritanopia

391414
F8D4D6
E53837
9C3333
291818

Achromatopsia

202020
EEEEEE
6B6B6B
555555
1D1D1D

Shades & Tints Shades & Tints

#3B1514

Dark
Light

#F8F3BC

Dark
Light

#EF313D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b1514;
  --color-2: #f8f3bc;
  --color-3: #ef313d;
  --color-4: #a13630;
  --color-5: #2a1719;
}

SCSS

$color-1: #3b1514;
$color-2: #f8f3bc;
$color-3: #ef313d;
$color-4: #a13630;
$color-5: #2a1719;

TAILWIND

colors: {
  'brand-1': '#3b1514',
  'brand-2': '#f8f3bc',
  'brand-3': '#ef313d',
  'brand-4': '#a13630',
  'brand-5': '#2a1719',
}

RGB Array

[59, 21, 20], [248, 243, 188], [239, 49, 61], [161, 54, 48], [42, 23, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B1514, #F8F3BC, #EF313D, #A13630, #2A1719 is ideal for: 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: #3b1514; --color-2: #f8f3bc; --color-3: #ef313d; --color-4: #a13630; --color-5: #2a1719. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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