← Back to Editor

#B70E25 · #740B2C · #883E59 · #926F87 · #9AA2D0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B70E25

Vermilion · FireBrick · Wine Red

HEX
#B70E25
RGB
rgb(183, 14, 37)
HSL
hsl(352, 86%, 39%)
HSB
hsb(352, 92%, 72%)
CMYK
cmyk(0%, 92%, 80%, 28%)
Oklch
oklch(49.6% 0.194 23.6)

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

#740B2C

Dark Violet · Maroon · Raspberry

HEX
#740B2C
RGB
rgb(116, 11, 44)
HSL
hsl(341, 83%, 25%)
HSB
hsb(341, 91%, 45%)
CMYK
cmyk(0%, 91%, 62%, 55%)
Oklch
oklch(36.3% 0.136 10.9)

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

#883E59

Dark Violet · Sienna · Camellia

HEX
#883E59
RGB
rgb(136, 62, 89)
HSL
hsl(338, 37%, 39%)
HSB
hsb(338, 54%, 53%)
CMYK
cmyk(0%, 54%, 35%, 47%)
Oklch
oklch(46.8% 0.105 359.0)

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

#926F87

Rose Purple · Gray · Violet

HEX
#926F87
RGB
rgb(146, 111, 135)
HSL
hsl(319, 14%, 50%)
HSB
hsb(319, 24%, 57%)
CMYK
cmyk(0%, 24%, 8%, 43%)
Oklch
oklch(58.4% 0.056 338.2)

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

#9AA2D0

Azure · DarkGray · Cobalt Blue

HEX
#9AA2D0
RGB
rgb(154, 162, 208)
HSL
hsl(231, 36%, 71%)
HSB
hsb(231, 26%, 82%)
CMYK
cmyk(26%, 22%, 0%, 18%)
Oklch
oklch(72.2% 0.068 276.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B70E25
0EB9A2

Analogous

B90E7A
B70E25
B94D0E

Triadic

B70E25
25B90E
0E25B9

Split-Comp.

B70E25
0EB94D
0E7AB9

Tetradic

B70E25
7AB90E
0EB9A2
4D0EB9

Contrast Matrix WCAG 2.1 Contrast

B70E25
740B2C
883E59
926F87
9AA2D0
—
1.7
Fail
1.1
Fail
1.6
Fail
2.7
Fail
1.7
Fail
—
1.6
Fail
2.7
Fail
4.6
AA
1.1
Fail
1.6
Fail
—
1.7
Fail
2.9
Fail
1.6
Fail
2.7
Fail
1.7
Fail
—
1.7
Fail
2.7
Fail
4.6
AA
2.9
Fail
1.7
Fail
—
White BG
6.8AA
11.5AAA
7.3AAA
4.3AA Large
2.5Fail
Black BG
3.1AA Large
1.8Fail
2.9Fail
4.8AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6C1F
474624
686752
838381
9D9EC5

Deuteranopia

78841E
4D5422
6C7251
858880
9D9CC2

Tritanopia

AF1B1A
6F1E1C
844D4C
907D7C
9ABCBA

Achromatopsia

434343
2E2E2E
575757
7C7C7C
A5A5A5

Shades & Tints Shades & Tints

#B70E25

Dark
Light

#740B2C

Dark
Light

#883E59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b70e25;
  --color-2: #740b2c;
  --color-3: #883e59;
  --color-4: #926f87;
  --color-5: #9aa2d0;
}

SCSS

$color-1: #b70e25;
$color-2: #740b2c;
$color-3: #883e59;
$color-4: #926f87;
$color-5: #9aa2d0;

TAILWIND

colors: {
  'brand-1': '#b70e25',
  'brand-2': '#740b2c',
  'brand-3': '#883e59',
  'brand-4': '#926f87',
  'brand-5': '#9aa2d0',
}

RGB Array

[183, 14, 37], [116, 11, 44], [136, 62, 89], [146, 111, 135], [154, 162, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B70E25, #740B2C, #883E59, #926F87, #9AA2D0 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: #b70e25; --color-2: #740b2c; --color-3: #883e59; --color-4: #926f87; --color-5: #9aa2d0. 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