← Back to Editor

#502C1D · #AD3545 · #BA794B · #B5A76A · #9BD5C4

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

#502C1D

Tangerine · DarkOliveGreen · Cinnamon

HEX
#502C1D
RGB
rgb(80, 44, 29)
HSL
hsl(18, 47%, 21%)
HSB
hsb(18, 64%, 31%)
CMYK
cmyk(0%, 45%, 64%, 69%)
Oklch
oklch(33.6% 0.059 43.0)

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

#AD3545

Crimson · Brown · Passion Red

HEX
#AD3545
RGB
rgb(173, 53, 69)
HSL
hsl(352, 53%, 44%)
HSB
hsb(352, 69%, 68%)
CMYK
cmyk(0%, 69%, 60%, 32%)
Oklch
oklch(51.1% 0.155 17.0)

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

#BA794B

Tangerine · Chocolate · Warm Sun

HEX
#BA794B
RGB
rgb(186, 121, 75)
HSL
hsl(25, 45%, 51%)
HSB
hsb(25, 60%, 73%)
CMYK
cmyk(0%, 35%, 60%, 27%)
Oklch
oklch(63.4% 0.102 55.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B5A76A

Ginger · Tan · Sunflower

HEX
#B5A76A
RGB
rgb(181, 167, 106)
HSL
hsl(49, 34%, 56%)
HSB
hsb(49, 41%, 71%)
CMYK
cmyk(0%, 8%, 41%, 29%)
Oklch
oklch(72.6% 0.082 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#9BD5C4

Jade · LightSteelBlue · Lake Green

HEX
#9BD5C4
RGB
rgb(155, 213, 196)
HSL
hsl(162, 41%, 72%)
HSB
hsb(162, 27%, 84%)
CMYK
cmyk(27%, 0%, 8%, 16%)
Oklch
oklch(82.8% 0.064 174.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

502C1D
1C404F

Analogous

4F1C26
502C1D
4F451C

Triadic

502C1D
1C4F2B
2B1C4F

Split-Comp.

502C1D
1C4F45
1C264F

Tetradic

502C1D
264F1C
1C404F
451C4F

Contrast Matrix WCAG 2.1 Contrast

502C1D
AD3545
BA794B
B5A76A
9BD5C4
—
2.0
Fail
3.4
AA Large
5.1
AA
7.4
AAA
2.0
Fail
—
1.8
Fail
2.6
Fail
3.8
AA Large
3.4
AA Large
1.8
Fail
—
1.5
Fail
2.1
Fail
5.1
AA
2.6
Fail
1.5
Fail
—
1.5
Fail
7.4
AAA
3.8
AA Large
2.1
Fail
1.5
Fail
—
White BG
12.2AAA
6.2AA
3.5AA Large
2.4Fail
1.7Fail
Black BG
1.7Fail
3.4AA Large
5.9AA
8.7AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404021
797841
9E9D56
AFAF79
B4B5C8

Deuteranopia

434522
808940
A2A759
B0B17C
B1ACC9

Tritanopia

4E2324
A73E3D
B75F61
B48487
9ECBCC

Achromatopsia

353535
5B5B5B
878787
A4A4A4
C2C2C2

Shades & Tints Shades & Tints

#502C1D

Dark
Light

#AD3545

Dark
Light

#BA794B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #502c1d;
  --color-2: #ad3545;
  --color-3: #ba794b;
  --color-4: #b5a76a;
  --color-5: #9bd5c4;
}

SCSS

$color-1: #502c1d;
$color-2: #ad3545;
$color-3: #ba794b;
$color-4: #b5a76a;
$color-5: #9bd5c4;

TAILWIND

colors: {
  'brand-1': '#502c1d',
  'brand-2': '#ad3545',
  'brand-3': '#ba794b',
  'brand-4': '#b5a76a',
  'brand-5': '#9bd5c4',
}

RGB Array

[80, 44, 29], [173, 53, 69], [186, 121, 75], [181, 167, 106], [155, 213, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #502C1D, #AD3545, #BA794B, #B5A76A, #9BD5C4 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: #502c1d; --color-2: #ad3545; --color-3: #ba794b; --color-4: #b5a76a; --color-5: #9bd5c4. 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 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