#455759 + #342C25 + #801723 + #C75B46 + #917159 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#455759

Slate Blue · DarkSlateGray · Mint Ice

HEX

#455759

RGB

rgb(69, 87, 89)

HSL

hsl(186, 13%, 31%)

HSB

hsb(186, 22%, 35%)

CMYK

cmyk(22%, 2%, 0%, 65%)

Oklch

oklch(44.2% 0.022 204.7)

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

#342C25

Tangerine · DarkSlateGray · Cinnamon

HEX

#342C25

RGB

rgb(52, 44, 37)

HSL

hsl(28, 17%, 17%)

HSB

hsb(28, 29%, 20%)

CMYK

cmyk(0%, 15%, 29%, 80%)

Oklch

oklch(30.0% 0.017 63.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#801723

Vermilion · Maroon · Wine Red

HEX

#801723

RGB

rgb(128, 23, 35)

HSL

hsl(353, 70%, 30%)

HSB

hsb(353, 82%, 50%)

CMYK

cmyk(0%, 82%, 73%, 50%)

Oklch

oklch(39.3% 0.139 21.0)

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

#C75B46

Crimson · Chocolate · Passion Red

HEX

#C75B46

RGB

rgb(199, 91, 70)

HSL

hsl(10, 54%, 53%)

HSB

hsb(10, 65%, 78%)

CMYK

cmyk(0%, 54%, 65%, 22%)

Oklch

oklch(60.1% 0.143 32.6)

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

#917159

Tangerine · DimGray · Amber Brown

HEX

#917159

RGB

rgb(145, 113, 89)

HSL

hsl(26, 24%, 46%)

HSB

hsb(26, 39%, 57%)

CMYK

cmyk(0%, 22%, 39%, 43%)

Oklch

oklch(57.4% 0.054 58.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

455759

594745

Analogous

455951

455759

454D59

Triadic

455759

594557

575945

Split-Comp.

455759

59454D

595145

Tetradic

455759

514559

594745

4D5945

Contrast Matrix WCAG 2.1 Contrast

455759	342C25	801723	C75B46	917159
—	1.8 Fail	1.3 Fail	1.8 Fail	1.7 Fail
1.8 Fail	—	1.3 Fail	3.3 AA Large	3.1 AA Large
1.3 Fail	1.3 Fail	—	2.4 Fail	2.3 Fail
1.8 Fail	3.3 AA Large	2.4 Fail	—	1.1 Fail
1.7 Fail	3.1 AA Large	2.3 Fail	1.1 Fail	—

White BG

7.6AAA

13.7AAA

10.2AAA

4.2AA Large

4.5AA Large

Black BG

2.8Fail

1.5Fail

2.1Fail

5.0AA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D59

313027

535220

98974B

83835F

Deuteranopia

4C4A58

313227

59611F

9FA74C

858760

Tritanopia

465858

342828

7B1E1D

C24F50

8F6364

Achromatopsia

525252

2E2E2E

383838

797979

787878

Shades & Tints Shades & Tints

#455759

Dark

Light

#342C25

Dark

Light

#801723

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #455759;
  --color-2: #342c25;
  --color-3: #801723;
  --color-4: #c75b46;
  --color-5: #917159;
}

SCSS

$color-1: #455759;
$color-2: #342c25;
$color-3: #801723;
$color-4: #c75b46;
$color-5: #917159;

TAILWIND

colors: {
  'brand-1': '#455759',
  'brand-2': '#342c25',
  'brand-3': '#801723',
  'brand-4': '#c75b46',
  'brand-5': '#917159',
}

RGB Array

[69, 87, 89], [52, 44, 37], [128, 23, 35], [199, 91, 70], [145, 113, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #455759, #342C25, #801723, #C75B46, #917159 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: #455759; --color-2: #342c25; --color-3: #801723; --color-4: #c75b46; --color-5: #917159. 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 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