← Back to Editor

#491714 · #F7BEB5 · #CB4E61 · #8C363A · #AD6F66

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

#491714

Crimson · Maroon · Deep Berry

HEX
#491714
RGB
rgb(73, 23, 20)
HSL
hsl(3, 57%, 18%)
HSB
hsb(3, 73%, 29%)
CMYK
cmyk(0%, 68%, 73%, 71%)
Oklch
oklch(28.4% 0.077 26.6)

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

#F7BEB5

Peach Pink · LightPink · Cherry Blossom

HEX
#F7BEB5
RGB
rgb(247, 190, 181)
HSL
hsl(8, 80%, 84%)
HSB
hsb(8, 27%, 97%)
CMYK
cmyk(0%, 23%, 27%, 3%)
Oklch
oklch(85.0% 0.067 28.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#CB4E61

Crimson · Tomato · Passion Red

HEX
#CB4E61
RGB
rgb(203, 78, 97)
HSL
hsl(351, 55%, 55%)
HSB
hsb(351, 62%, 80%)
CMYK
cmyk(0%, 62%, 52%, 20%)
Oklch
oklch(59.5% 0.159 14.2)

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

#8C363A

Crimson · Brown · Wine Red

HEX
#8C363A
RGB
rgb(140, 54, 58)
HSL
hsl(357, 44%, 38%)
HSB
hsb(357, 61%, 55%)
CMYK
cmyk(0%, 61%, 59%, 45%)
Oklch
oklch(45.4% 0.117 20.3)

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

#AD6F66

Crimson · Gray · Passion Red

HEX
#AD6F66
RGB
rgb(173, 111, 102)
HSL
hsl(8, 30%, 54%)
HSB
hsb(8, 41%, 68%)
CMYK
cmyk(0%, 36%, 41%, 32%)
Oklch
oklch(60.5% 0.081 28.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

491714
144548

Analogous

48142B
491714
483114

Triadic

491714
144816
161448

Split-Comp.

491714
144831
142B48

Tetradic

491714
2B4814
144548
311448

Contrast Matrix WCAG 2.1 Contrast

491714
F7BEB5
CB4E61
8C363A
AD6F66
—
9.2
AAA
3.4
AA Large
1.9
Fail
3.7
AA Large
9.2
AAA
—
2.7
Fail
4.8
AA
2.5
Fail
3.4
AA Large
2.7
Fail
—
1.8
Fail
1.1
Fail
1.9
Fail
4.8
AA
1.8
Fail
—
1.9
Fail
3.7
AA Large
2.5
Fail
1.1
Fail
1.9
Fail
—
White BG
14.8AAA
1.6Fail
4.4AA Large
7.8AAA
4.0AA Large
Black BG
1.4Fail
13.0AAA
4.8AA
2.7Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333315
DEDEB7
95945C
676639
929268

Deuteranopia

363A15
E2E6B8
9CA65B
6C7239
969A69

Tritanopia

471515
F4B9B9
C55958
883838
AA6A6A

Achromatopsia

262626
CECECE
767676
505050
818181

Shades & Tints Shades & Tints

#491714

Dark
Light

#F7BEB5

Dark
Light

#CB4E61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #491714;
  --color-2: #f7beb5;
  --color-3: #cb4e61;
  --color-4: #8c363a;
  --color-5: #ad6f66;
}

SCSS

$color-1: #491714;
$color-2: #f7beb5;
$color-3: #cb4e61;
$color-4: #8c363a;
$color-5: #ad6f66;

TAILWIND

colors: {
  'brand-1': '#491714',
  'brand-2': '#f7beb5',
  'brand-3': '#cb4e61',
  'brand-4': '#8c363a',
  'brand-5': '#ad6f66',
}

RGB Array

[73, 23, 20], [247, 190, 181], [203, 78, 97], [140, 54, 58], [173, 111, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #491714, #F7BEB5, #CB4E61, #8C363A, #AD6F66 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: #491714; --color-2: #f7beb5; --color-3: #cb4e61; --color-4: #8c363a; --color-5: #ad6f66. 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