← Back to Editor

#759FAF · #080108 · #B5352C · #E36437 · #578791

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

#759FAF

Slate Blue · CadetBlue · Lake Green

HEX
#759FAF
RGB
rgb(117, 159, 175)
HSL
hsl(197, 27%, 57%)
HSB
hsb(197, 33%, 69%)
CMYK
cmyk(33%, 9%, 0%, 31%)
Oklch
oklch(67.8% 0.051 223.4)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#080108

Rose Purple · Black · Dark Purple

HEX
#080108
RGB
rgb(8, 1, 8)
HSL
hsl(300, 78%, 2%)
HSB
hsb(300, 88%, 3%)
CMYK
cmyk(0%, 88%, 0%, 97%)
Oklch
oklch(10.1% 0.034 327.7)

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

#B5352C

Vermilion · Brown · Passion Red

HEX
#B5352C
RGB
rgb(181, 53, 44)
HSL
hsl(4, 61%, 44%)
HSB
hsb(4, 76%, 71%)
CMYK
cmyk(0%, 71%, 76%, 29%)
Oklch
oklch(52.0% 0.166 28.3)

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

#E36437

Tangerine · Chocolate · Warm Sun

HEX
#E36437
RGB
rgb(227, 100, 55)
HSL
hsl(16, 75%, 55%)
HSB
hsb(16, 76%, 89%)
CMYK
cmyk(0%, 56%, 76%, 11%)
Oklch
oklch(65.4% 0.169 39.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#578791

Slate Blue · SlateGray · Mint Ice

HEX
#578791
RGB
rgb(87, 135, 145)
HSL
hsl(190, 25%, 45%)
HSB
hsb(190, 40%, 57%)
CMYK
cmyk(40%, 7%, 0%, 43%)
Oklch
oklch(59.3% 0.054 212.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

759FAF
AF8574

Analogous

74AFA2
759FAF
7481AF

Triadic

759FAF
AF749E
9EAF74

Split-Comp.

759FAF
AF7481
AFA274

Tetradic

759FAF
A274AF
AF8574
81AF74

Contrast Matrix WCAG 2.1 Contrast

759FAF
080108
B5352C
E36437
578791
—
7.2
AAA
2.1
Fail
1.2
Fail
1.4
Fail
7.2
AAA
—
3.4
AA Large
6.0
AA
5.2
AA
2.1
Fail
3.4
AA Large
—
1.8
Fail
1.5
Fail
1.2
Fail
6.0
AA
1.8
Fail
—
1.2
Fail
1.4
Fail
5.2
AA
1.5
Fail
1.2
Fail
—
White BG
2.9Fail
20.6AAA
6.0AA
3.4AA Large
4.0AA Large
Black BG
7.3AAA
1.0Fail
3.5AA Large
6.1AA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788AB
050506
7E7C2E
ACAB42
6C6C8F

Deuteranopia

8582AA
050606
858F2F
B3BD45
69658E

Tritanopia

77A8A7
080505
AF3030
DD4A4C
598D8C

Achromatopsia

949494
040404
5A5A5A
858585
7A7A7A

Shades & Tints Shades & Tints

#759FAF

Dark
Light

#080108

Dark
Light

#B5352C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #759faf;
  --color-2: #080108;
  --color-3: #b5352c;
  --color-4: #e36437;
  --color-5: #578791;
}

SCSS

$color-1: #759faf;
$color-2: #080108;
$color-3: #b5352c;
$color-4: #e36437;
$color-5: #578791;

TAILWIND

colors: {
  'brand-1': '#759faf',
  'brand-2': '#080108',
  'brand-3': '#b5352c',
  'brand-4': '#e36437',
  'brand-5': '#578791',
}

RGB Array

[117, 159, 175], [8, 1, 8], [181, 53, 44], [227, 100, 55], [87, 135, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #759FAF, #080108, #B5352C, #E36437, #578791 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: #759faf; --color-2: #080108; --color-3: #b5352c; --color-4: #e36437; --color-5: #578791. 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