← Back to Editor

#735A4A · #736A5D · #7D796A · #799586 · #B0A189

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#735A4A

Tangerine · DimGray · Amber Brown

HEX
#735A4A
RGB
rgb(115, 90, 74)
HSL
hsl(23, 22%, 37%)
HSB
hsb(23, 36%, 45%)
CMYK
cmyk(0%, 22%, 36%, 55%)
Oklch
oklch(48.9% 0.041 54.1)

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

#736A5D

Ochre · DimGray · Amber Brown

HEX
#736A5D
RGB
rgb(115, 106, 93)
HSL
hsl(35, 11%, 41%)
HSB
hsb(35, 19%, 45%)
CMYK
cmyk(0%, 8%, 19%, 55%)
Oklch
oklch(52.9% 0.023 77.2)

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

#7D796A

Ochre · Gray · Warm Gray

HEX
#7D796A
RGB
rgb(125, 121, 106)
HSL
hsl(47, 8%, 45%)
HSB
hsb(47, 15%, 49%)
CMYK
cmyk(0%, 3%, 15%, 51%)
Oklch
oklch(57.5% 0.023 94.7)

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

#799586

Celadon · Gray · Olive Green

HEX
#799586
RGB
rgb(121, 149, 134)
HSL
hsl(148, 12%, 53%)
HSB
hsb(148, 19%, 58%)
CMYK
cmyk(19%, 0%, 10%, 42%)
Oklch
oklch(64.4% 0.039 161.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B0A189

Ginger · DarkGray · Warm Sun

HEX
#B0A189
RGB
rgb(176, 161, 137)
HSL
hsl(37, 20%, 61%)
HSB
hsb(37, 22%, 69%)
CMYK
cmyk(0%, 9%, 22%, 31%)
Oklch
oklch(71.5% 0.038 79.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

735A4A
4A6373

Analogous

734A4E
735A4A
736E4A

Triadic

735A4A
4A735A
5A4A73

Split-Comp.

735A4A
4A736E
4A4E73

Tetradic

735A4A
4E734A
4A6373
6E4A73

Contrast Matrix WCAG 2.1 Contrast

735A4A
736A5D
7D796A
799586
B0A189
—
1.2
Fail
1.5
Fail
2.0
Fail
2.5
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
6.4AA
5.3AA
4.4AA Large
3.3AA Large
2.5Fail
Black BG
3.3AA Large
3.9AA Large
4.8AA
6.5AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68684E
6F6F60
7B7B6E
85858A
AAA98F

Deuteranopia

6A6C4F
707061
7C7C6E
84818B
AAAC90

Tritanopia

725152
736363
7D7071
7A8C8D
AF9394

Achromatopsia

606060
6B6B6B
787878
8B8B8B
A3A3A3

Shades & Tints Shades & Tints

#735A4A

Dark
Light

#736A5D

Dark
Light

#7D796A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #735a4a;
  --color-2: #736a5d;
  --color-3: #7d796a;
  --color-4: #799586;
  --color-5: #b0a189;
}

SCSS

$color-1: #735a4a;
$color-2: #736a5d;
$color-3: #7d796a;
$color-4: #799586;
$color-5: #b0a189;

TAILWIND

colors: {
  'brand-1': '#735a4a',
  'brand-2': '#736a5d',
  'brand-3': '#7d796a',
  'brand-4': '#799586',
  'brand-5': '#b0a189',
}

RGB Array

[115, 90, 74], [115, 106, 93], [125, 121, 106], [121, 149, 134], [176, 161, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #735A4A, #736A5D, #7D796A, #799586, #B0A189 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #735a4a; --color-2: #736a5d; --color-3: #7d796a; --color-4: #799586; --color-5: #b0a189. 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. Restrained colors convey professionalism and trust. 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