#7193B1 + #79847D + #352C2B + #DB1153 + #FF0C23 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7193B1

Slate Blue · LightSlateGray · Navy Blue

HEX

#7193B1

RGB

rgb(113, 147, 177)

HSL

hsl(208, 29%, 57%)

HSB

hsb(208, 36%, 69%)

CMYK

cmyk(36%, 17%, 0%, 31%)

Oklch

oklch(64.9% 0.059 245.5)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#79847D

Ink Gray · Gray · Warm Gray

HEX

#79847D

RGB

rgb(121, 132, 125)

HSL

hsl(142, 4%, 50%)

HSB

hsb(142, 8%, 52%)

CMYK

cmyk(8%, 0%, 5%, 48%)

Oklch

oklch(60.2% 0.017 158.0)

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

#352C2B

Crimson · DarkSlateGray · Deep Berry

HEX

#352C2B

RGB

rgb(53, 44, 43)

HSL

hsl(6, 10%, 19%)

HSB

hsb(6, 19%, 21%)

CMYK

cmyk(0%, 17%, 19%, 79%)

Oklch

oklch(30.3% 0.013 25.4)

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

#DB1153

Dark Violet · Crimson · Camellia

HEX

#DB1153

RGB

rgb(219, 17, 83)

HSL

hsl(340, 86%, 46%)

HSB

hsb(340, 92%, 86%)

CMYK

cmyk(0%, 92%, 62%, 14%)

Oklch

oklch(57.3% 0.223 12.4)

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

#FF0C23

Vermilion · Red · Passion Red

HEX

#FF0C23

RGB

rgb(255, 12, 35)

HSL

hsl(354, 100%, 52%)

HSB

hsb(354, 95%, 100%)

CMYK

cmyk(0%, 95%, 86%, 0%)

Oklch

oklch(63.1% 0.254 26.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7193B1

B18F72

Analogous

72B1AF

7193B1

7274B1

Triadic

7193B1

B17293

93B172

Split-Comp.

7193B1

B17274

B1AF72

Tetradic

7193B1

AF72B1

B18F72

74B172

Contrast Matrix WCAG 2.1 Contrast

7193B1	79847D	352C2B	DB1153	FF0C23
—	1.2 Fail	4.2 AA Large	1.5 Fail	1.2 Fail
1.2 Fail	—	3.5 AA Large	1.3 Fail	1.0 Fail
4.2 AA Large	3.5 AA Large	—	2.7 Fail	3.4 AA Large
1.5 Fail	1.3 Fail	2.7 Fail	—	1.3 Fail
1.2 Fail	1.0 Fail	3.4 AA Large	1.3 Fail	—

White BG

3.2AA Large

3.9AA Large

13.6AAA

5.0AA

3.9AA Large

Black BG

6.5AA

5.4AA

1.5Fail

4.2AA Large

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8080AA

7E7E7F

31312B

848243

96941D

Deuteranopia

7E7BA8

7D7C7F

32322B

8F9E3F

A4B61C

Tritanopia

73A4A3

7A8080

352B2B

D13634

F31918

Achromatopsia

8C8C8C

808080

2F2F2F

555555

575757

Shades & Tints Shades & Tints

#7193B1

Dark

Light

#79847D

Dark

Light

#352C2B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7193b1;
  --color-2: #79847d;
  --color-3: #352c2b;
  --color-4: #db1153;
  --color-5: #ff0c23;
}

SCSS

$color-1: #7193b1;
$color-2: #79847d;
$color-3: #352c2b;
$color-4: #db1153;
$color-5: #ff0c23;

TAILWIND

colors: {
  'brand-1': '#7193b1',
  'brand-2': '#79847d',
  'brand-3': '#352c2b',
  'brand-4': '#db1153',
  'brand-5': '#ff0c23',
}

RGB Array

[113, 147, 177], [121, 132, 125], [53, 44, 43], [219, 17, 83], [255, 12, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7193B1, #79847D, #352C2B, #DB1153, #FF0C23 is ideal for: corporate websites, product showcases, portfolios. 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: #7193b1; --color-2: #79847d; --color-3: #352c2b; --color-4: #db1153; --color-5: #ff0c23. 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. 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