#292224 + #83052D + #734153 + #4E6D85 + #007BFF · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#292224

Dark Violet · DarkSlateGray · Dark Stone

HEX

#292224

RGB

rgb(41, 34, 36)

HSL

hsl(343, 9%, 15%)

HSB

hsb(343, 17%, 16%)

CMYK

cmyk(0%, 17%, 12%, 84%)

Oklch

oklch(26.1% 0.011 358.8)

Traditional「Dark Violet」· Paint「Dark Stone」· Creative Midnight Shadow

#83052D

Dark Violet · Maroon · Camellia

HEX

#83052D

RGB

rgb(131, 5, 45)

HSL

hsl(341, 93%, 27%)

HSB

hsb(341, 96%, 51%)

CMYK

cmyk(0%, 96%, 66%, 49%)

Oklch

oklch(39.1% 0.153 13.0)

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

#734153

Dark Violet · DimGray · Camellia

HEX

#734153

RGB

rgb(115, 65, 83)

HSL

hsl(338, 28%, 35%)

HSB

hsb(338, 43%, 45%)

CMYK

cmyk(0%, 43%, 28%, 55%)

Oklch

oklch(44.1% 0.073 357.5)

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

#4E6D85

Slate Blue · DimGray · Navy Blue

HEX

#4E6D85

RGB

rgb(78, 109, 133)

HSL

hsl(206, 26%, 41%)

HSB

hsb(206, 41%, 52%)

CMYK

cmyk(41%, 18%, 0%, 48%)

Oklch

oklch(52.0% 0.052 242.2)

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

#007BFF

Indigo · DodgerBlue · Navy Blue

HEX

#007BFF

RGB

rgb(0, 123, 255)

HSL

hsl(211, 100%, 50%)

HSB

hsb(211, 100%, 100%)

CMYK

cmyk(100%, 52%, 0%, 0%)

Oklch

oklch(60.5% 0.217 257.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292224

232A28

Analogous

2A2328

292224

2A2423

Triadic

292224

252A23

23252A

Split-Comp.

292224

232A24

23282A

Tetradic

292224

282A23

232A28

24232A

Contrast Matrix WCAG 2.1 Contrast

292224	83052D	734153	4E6D85	007BFF
—	1.5 Fail	1.9 Fail	2.9 Fail	3.9 AA Large
1.5 Fail	—	1.3 Fail	1.9 Fail	2.6 Fail
1.9 Fail	1.3 Fail	—	1.5 Fail	2.0 Fail
2.9 Fail	1.9 Fail	1.5 Fail	—	1.4 Fail
3.9 AA Large	2.6 Fail	2.0 Fail	1.4 Fail	—

White BG

15.6AAA

10.4AAA

8.0AAA

5.5AA

4.0AA Large

Black BG

1.3Fail

2.0Fail

2.6Fail

3.9AA Large

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262624

4C4B23

5D5D4F

5B5C7F

3536DF

Deuteranopia

262723

545D21

60644E

5A577E

2E25D7

Tritanopia

292323

7D1C1A

714B4A

507B7A

06C6C0

Achromatopsia

242424

2F2F2F

525252

666666

656565

Shades & Tints Shades & Tints

#292224

Dark

Light

#83052D

Dark

Light

#734153

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292224;
  --color-2: #83052d;
  --color-3: #734153;
  --color-4: #4e6d85;
  --color-5: #007bff;
}

SCSS

$color-1: #292224;
$color-2: #83052d;
$color-3: #734153;
$color-4: #4e6d85;
$color-5: #007bff;

TAILWIND

colors: {
  'brand-1': '#292224',
  'brand-2': '#83052d',
  'brand-3': '#734153',
  'brand-4': '#4e6d85',
  'brand-5': '#007bff',
}

RGB Array

[41, 34, 36], [131, 5, 45], [115, 65, 83], [78, 109, 133], [0, 123, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #292224, #83052D, #734153, #4E6D85, #007BFF is ideal for: tech websites, dark mode UIs, game UIs. 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: #292224; --color-2: #83052d; --color-3: #734153; --color-4: #4e6d85; --color-5: #007bff. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 cool-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