← Back to Editor

#2D766F · #E0A070 · #AC8447 · #543034 · #734953

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2D766F

Mineral Blue · SeaGreen · Mint Ice

HEX
#2D766F
RGB
rgb(45, 118, 111)
HSL
hsl(174, 45%, 32%)
HSB
hsb(174, 62%, 46%)
CMYK
cmyk(62%, 0%, 6%, 54%)
Oklch
oklch(51.8% 0.073 186.5)

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

#E0A070

Apricot · DarkSalmon · Warm Sun

HEX
#E0A070
RGB
rgb(224, 160, 112)
HSL
hsl(26, 64%, 66%)
HSB
hsb(26, 50%, 88%)
CMYK
cmyk(0%, 29%, 50%, 12%)
Oklch
oklch(75.7% 0.099 57.4)

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

#AC8447

Ochre · Sienna · Amber Brown

HEX
#AC8447
RGB
rgb(172, 132, 71)
HSL
hsl(36, 42%, 48%)
HSB
hsb(36, 59%, 67%)
CMYK
cmyk(0%, 23%, 59%, 33%)
Oklch
oklch(63.9% 0.093 76.3)

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

#543034

Crimson · DarkSlateGray · Wine Red

HEX
#543034
RGB
rgb(84, 48, 52)
HSL
hsl(353, 27%, 26%)
HSB
hsb(353, 43%, 33%)
CMYK
cmyk(0%, 43%, 38%, 67%)
Oklch
oklch(35.5% 0.053 12.9)

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

#734953

Crimson · DimGray · Wine Red

HEX
#734953
RGB
rgb(115, 73, 83)
HSL
hsl(346, 22%, 37%)
HSB
hsb(346, 37%, 45%)
CMYK
cmyk(0%, 37%, 28%, 55%)
Oklch
oklch(45.6% 0.059 4.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D766F
762D34

Analogous

2D764A
2D766F
2D5976

Triadic

2D766F
6F2D76
766F2D

Split-Comp.

2D766F
762D59
764A2D

Tetradic

2D766F
4A2D76
762D34
59762D

Contrast Matrix WCAG 2.1 Contrast

2D766F
E0A070
AC8447
543034
734953
—
2.4
Fail
1.6
Fail
2.1
Fail
1.4
Fail
2.4
Fail
—
1.5
Fail
5.1
AA
3.4
AA Large
1.6
Fail
1.5
Fail
—
3.3
AA Large
2.2
Fail
2.1
Fail
5.1
AA
3.3
AA Large
—
1.5
Fail
1.4
Fail
3.4
AA Large
2.2
Fail
1.5
Fail
—
White BG
5.3AA
2.2Fail
3.4AA Large
11.4AAA
7.5AAA
Black BG
3.9AA Large
9.4AAA
6.1AA
1.8Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D71
C4C47C
9B9A56
444433
616051

Deuteranopia

484371
C8CD7E
9DA059
474933
636650

Tritanopia

317272
DD8587
AA6164
523232
714F4E

Achromatopsia

5F5F5F
AEAEAE
898989
3B3B3B
575757

Shades & Tints Shades & Tints

#2D766F

Dark
Light

#E0A070

Dark
Light

#AC8447

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d766f;
  --color-2: #e0a070;
  --color-3: #ac8447;
  --color-4: #543034;
  --color-5: #734953;
}

SCSS

$color-1: #2d766f;
$color-2: #e0a070;
$color-3: #ac8447;
$color-4: #543034;
$color-5: #734953;

TAILWIND

colors: {
  'brand-1': '#2d766f',
  'brand-2': '#e0a070',
  'brand-3': '#ac8447',
  'brand-4': '#543034',
  'brand-5': '#734953',
}

RGB Array

[45, 118, 111], [224, 160, 112], [172, 132, 71], [84, 48, 52], [115, 73, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #2D766F, #E0A070, #AC8447, #543034, #734953 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: #2d766f; --color-2: #e0a070; --color-3: #ac8447; --color-4: #543034; --color-5: #734953. 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