← Back to Editor

#70664F · #DB8025 · #9C832A · #A3522F · #9F102C

space

A 5-color space 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

#70664F

Ochre · DimGray · Honey Gold

HEX
#70664F
RGB
rgb(112, 102, 79)
HSL
hsl(42, 17%, 37%)
HSB
hsb(42, 29%, 44%)
CMYK
cmyk(0%, 9%, 29%, 56%)
Oklch
oklch(51.3% 0.037 87.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#DB8025

Ochre · Chocolate · Amber Brown

HEX
#DB8025
RGB
rgb(219, 128, 37)
HSL
hsl(30, 72%, 50%)
HSB
hsb(30, 83%, 86%)
CMYK
cmyk(0%, 42%, 83%, 14%)
Oklch
oklch(68.5% 0.148 59.6)

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

#9C832A

Ochre · DarkGoldenRod · Honey Gold

HEX
#9C832A
RGB
rgb(156, 131, 42)
HSL
hsl(47, 58%, 39%)
HSB
hsb(47, 73%, 61%)
CMYK
cmyk(0%, 16%, 73%, 39%)
Oklch
oklch(61.7% 0.110 92.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A3522F

Tangerine · Sienna · Amber Brown

HEX
#A3522F
RGB
rgb(163, 82, 47)
HSL
hsl(18, 55%, 41%)
HSB
hsb(18, 71%, 64%)
CMYK
cmyk(0%, 50%, 71%, 36%)
Oklch
oklch(53.1% 0.118 42.9)

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

#9F102C

Vermilion · Brown · Wine Red

HEX
#9F102C
RGB
rgb(159, 16, 44)
HSL
hsl(348, 82%, 34%)
HSB
hsb(348, 90%, 62%)
CMYK
cmyk(0%, 90%, 72%, 38%)
Oklch
oklch(45.1% 0.172 19.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70664F
4E586E

Analogous

6E554E
70664F
686E4E

Triadic

70664F
4E6E65
654E6E

Split-Comp.

70664F
4E686E
554E6E

Tetradic

70664F
4E6E55
4E586E
6E4E68

Contrast Matrix WCAG 2.1 Contrast

70664F
DB8025
9C832A
A3522F
9F102C
—
1.9
Fail
1.5
Fail
1.0
Fail
1.4
Fail
1.9
Fail
—
1.3
Fail
1.9
Fail
2.8
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
1.0
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
1.4
Fail
2.8
Fail
2.2
Fail
1.5
Fail
—
White BG
5.7AA
2.9Fail
3.7AA Large
5.5AA
8.1AAA
Black BG
3.7AA Large
7.1AAA
5.7AA
3.8AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C55
B4B33B
919140
807F37
616025

Deuteranopia

6C6D56
B9C040
939545
858B3A
697424

Tritanopia

6F595A
D64C50
9B5154
9F3E40
98201F

Achromatopsia

666666
919191
808080
666666
3E3E3E

Shades & Tints Shades & Tints

#70664F

Dark
Light

#DB8025

Dark
Light

#9C832A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70664f;
  --color-2: #db8025;
  --color-3: #9c832a;
  --color-4: #a3522f;
  --color-5: #9f102c;
}

SCSS

$color-1: #70664f;
$color-2: #db8025;
$color-3: #9c832a;
$color-4: #a3522f;
$color-5: #9f102c;

TAILWIND

colors: {
  'brand-1': '#70664f',
  'brand-2': '#db8025',
  'brand-3': '#9c832a',
  'brand-4': '#a3522f',
  'brand-5': '#9f102c',
}

RGB Array

[112, 102, 79], [219, 128, 37], [156, 131, 42], [163, 82, 47], [159, 16, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #70664F, #DB8025, #9C832A, #A3522F, #9F102C 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: #70664f; --color-2: #db8025; --color-3: #9c832a; --color-4: #a3522f; --color-5: #9f102c. 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 space-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