← Back to Editor

#241005 · #7C531F · #796E2E · #7D9070 · #56A091

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 LibraryData Visualization

Color Details Color Details

#241005

Tangerine · Black · Cinnamon

HEX
#241005
RGB
rgb(36, 16, 5)
HSL
hsl(21, 76%, 8%)
HSB
hsb(21, 86%, 14%)
CMYK
cmyk(0%, 56%, 86%, 86%)
Oklch
oklch(20.0% 0.040 49.9)

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

#7C531F

Ochre · Sienna · Amber Brown

HEX
#7C531F
RGB
rgb(124, 83, 31)
HSL
hsl(34, 60%, 30%)
HSB
hsb(34, 75%, 49%)
CMYK
cmyk(0%, 33%, 75%, 51%)
Oklch
oklch(47.7% 0.086 69.1)

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

#796E2E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#796E2E
RGB
rgb(121, 110, 46)
HSL
hsl(51, 45%, 33%)
HSB
hsb(51, 62%, 47%)
CMYK
cmyk(0%, 9%, 62%, 53%)
Oklch
oklch(53.5% 0.085 99.6)

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

#7D9070

Celadon · Gray · Olive Green

HEX
#7D9070
RGB
rgb(125, 144, 112)
HSL
hsl(96, 13%, 50%)
HSB
hsb(96, 22%, 56%)
CMYK
cmyk(13%, 0%, 22%, 44%)
Oklch
oklch(62.9% 0.052 132.8)

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

#56A091

Mineral Blue · CadetBlue · Mint Ice

HEX
#56A091
RGB
rgb(86, 160, 145)
HSL
hsl(168, 30%, 48%)
HSB
hsb(168, 46%, 63%)
CMYK
cmyk(46%, 0%, 9%, 37%)
Oklch
oklch(65.3% 0.078 179.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

241005
051924

Analogous

24050A
241005
241F05

Triadic

241005
052410
100524

Split-Comp.

241005
05241F
050A24

Tetradic

241005
0A2405
051924
1F0524

Contrast Matrix WCAG 2.1 Contrast

241005
7C531F
796E2E
7D9070
56A091
—
2.7
Fail
3.5
AA Large
5.3
AA
5.9
AA
2.7
Fail
—
1.3
Fail
2.0
Fail
2.2
Fail
3.5
AA Large
1.3
Fail
—
1.5
Fail
1.7
Fail
5.3
AA
2.0
Fail
1.5
Fail
—
1.1
Fail
5.9
AA
2.2
Fail
1.7
Fail
1.1
Fail
—
White BG
18.2AAA
6.7AA
5.1AA
3.4AA Large
3.1AA Large
Black BG
1.2Fail
3.1AA Large
4.1AA Large
6.1AA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B08
6A6A2C
74743D
858578
767795

Deuteranopia

1D1E08
6D702F
757641
84837A
726C96

Tritanopia

230A0A
7A3638
784A4C
7E7E7F
5A9798

Achromatopsia

151515
595959
6A6A6A
878787
888888

Shades & Tints Shades & Tints

#241005

Dark
Light

#7C531F

Dark
Light

#796E2E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #241005;
  --color-2: #7c531f;
  --color-3: #796e2e;
  --color-4: #7d9070;
  --color-5: #56a091;
}

SCSS

$color-1: #241005;
$color-2: #7c531f;
$color-3: #796e2e;
$color-4: #7d9070;
$color-5: #56a091;

TAILWIND

colors: {
  'brand-1': '#241005',
  'brand-2': '#7c531f',
  'brand-3': '#796e2e',
  'brand-4': '#7d9070',
  'brand-5': '#56a091',
}

RGB Array

[36, 16, 5], [124, 83, 31], [121, 110, 46], [125, 144, 112], [86, 160, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #241005, #7C531F, #796E2E, #7D9070, #56A091 is ideal for: tech websites, dark mode UIs, game UIs, 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: #241005; --color-2: #7c531f; --color-3: #796e2e; --color-4: #7d9070; --color-5: #56a091. 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. 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 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