← Back to Editor

#765163 · #41485A · #7F7D26 · #A0736E · #FF6D85

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

#765163

Dark Violet · DimGray · Camellia

HEX
#765163
RGB
rgb(118, 81, 99)
HSL
hsl(331, 19%, 39%)
HSB
hsb(331, 31%, 46%)
CMYK
cmyk(0%, 31%, 16%, 54%)
Oklch
oklch(48.1% 0.056 348.7)

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

#41485A

Indigo · DarkSlateGray · Prussian Blue

HEX
#41485A
RGB
rgb(65, 72, 90)
HSL
hsl(223, 16%, 30%)
HSB
hsb(223, 28%, 35%)
CMYK
cmyk(28%, 20%, 0%, 65%)
Oklch
oklch(40.3% 0.032 268.3)

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

#7F7D26

Autumn Sage · Olive · Honey Gold

HEX
#7F7D26
RGB
rgb(127, 125, 38)
HSL
hsl(59, 54%, 32%)
HSB
hsb(59, 70%, 50%)
CMYK
cmyk(0%, 2%, 70%, 50%)
Oklch
oklch(57.4% 0.107 108.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A0736E

Crimson · Gray · Passion Red

HEX
#A0736E
RGB
rgb(160, 115, 110)
HSL
hsl(6, 21%, 53%)
HSB
hsb(6, 31%, 63%)
CMYK
cmyk(0%, 28%, 31%, 37%)
Oklch
oklch(60.0% 0.058 26.1)

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

#FF6D85

Peach Pink · LightCoral · Coral Red

HEX
#FF6D85
RGB
rgb(255, 109, 133)
HSL
hsl(350, 100%, 71%)
HSB
hsb(350, 57%, 100%)
CMYK
cmyk(0%, 57%, 48%, 0%)
Oklch
oklch(72.0% 0.178 12.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

765163
517664

Analogous

765176
765163
765151

Triadic

765163
637651
516376

Split-Comp.

765163
517651
517676

Tetradic

765163
767651
517664
515176

Contrast Matrix WCAG 2.1 Contrast

765163
41485A
7F7D26
A0736E
FF6D85
—
1.4
Fail
1.6
Fail
1.7
Fail
2.5
Fail
1.4
Fail
—
2.1
Fail
2.2
Fail
3.4
AA Large
1.6
Fail
2.1
Fail
—
1.1
Fail
1.6
Fail
1.7
Fail
2.2
Fail
1.1
Fail
—
1.5
Fail
2.5
Fail
3.4
AA Large
1.6
Fail
1.5
Fail
—
White BG
6.7AA
9.1AAA
4.3AA Large
4.1AA Large
2.7Fail
Black BG
3.1AA Large
2.3Fail
4.9AA
5.2AA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

66665F
444456
7E7E3B
8D8C6F
C0BE7F

Deuteranopia

686B5E
444355
7E7E40
8F9370
C8D37E

Tritanopia

745B5A
415251
7F4C4F
9E7070
F87B7A

Achromatopsia

5E5E5E
484848
747474
808080
9B9B9B

Shades & Tints Shades & Tints

#765163

Dark
Light

#41485A

Dark
Light

#7F7D26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #765163;
  --color-2: #41485a;
  --color-3: #7f7d26;
  --color-4: #a0736e;
  --color-5: #ff6d85;
}

SCSS

$color-1: #765163;
$color-2: #41485a;
$color-3: #7f7d26;
$color-4: #a0736e;
$color-5: #ff6d85;

TAILWIND

colors: {
  'brand-1': '#765163',
  'brand-2': '#41485a',
  'brand-3': '#7f7d26',
  'brand-4': '#a0736e',
  'brand-5': '#ff6d85',
}

RGB Array

[118, 81, 99], [65, 72, 90], [127, 125, 38], [160, 115, 110], [255, 109, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #765163, #41485A, #7F7D26, #A0736E, #FF6D85 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: #765163; --color-2: #41485a; --color-3: #7f7d26; --color-4: #a0736e; --color-5: #ff6d85. 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