← Back to Editor

#795C1A · #9F763E · #BD5410 · #D0310A · #CC1611

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#795C1A

Ochre · DarkOliveGreen · Honey Gold

HEX
#795C1A
RGB
rgb(121, 92, 26)
HSL
hsl(42, 65%, 29%)
HSB
hsb(42, 79%, 47%)
CMYK
cmyk(0%, 24%, 79%, 53%)
Oklch
oklch(49.2% 0.089 83.8)

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

#9F763E

Ochre · Sienna · Amber Brown

HEX
#9F763E
RGB
rgb(159, 118, 62)
HSL
hsl(35, 44%, 43%)
HSB
hsb(35, 61%, 62%)
CMYK
cmyk(0%, 26%, 61%, 38%)
Oklch
oklch(59.5% 0.089 73.2)

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

#BD5410

Tangerine · Chocolate · Amber Brown

HEX
#BD5410
RGB
rgb(189, 84, 16)
HSL
hsl(24, 84%, 40%)
HSB
hsb(24, 92%, 74%)
CMYK
cmyk(0%, 56%, 92%, 26%)
Oklch
oklch(57.1% 0.153 46.5)

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

#D0310A

Vermilion · FireBrick · Passion Red

HEX
#D0310A
RGB
rgb(208, 49, 10)
HSL
hsl(12, 91%, 43%)
HSB
hsb(12, 95%, 82%)
CMYK
cmyk(0%, 76%, 95%, 18%)
Oklch
oklch(56.2% 0.200 33.4)

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

#CC1611

Vermilion · FireBrick · Passion Red

HEX
#CC1611
RGB
rgb(204, 22, 17)
HSL
hsl(2, 85%, 43%)
HSB
hsb(2, 92%, 80%)
CMYK
cmyk(0%, 89%, 92%, 20%)
Oklch
oklch(53.8% 0.211 28.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

795C1A
1A377A

Analogous

7A2D1A
795C1A
677A1A

Triadic

795C1A
1A7A5D
5D1A7A

Split-Comp.

795C1A
1A677A
2D1A7A

Tetradic

795C1A
1A7A2D
1A377A
7A1A67

Contrast Matrix WCAG 2.1 Contrast

795C1A
9F763E
BD5410
D0310A
CC1611
—
1.5
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.5
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
6.3AA
4.1AA Large
4.7AA
5.1AA
5.7AA
Black BG
3.4AA Large
5.1AA
4.4AA Large
4.1AA Large
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C2A
8D8D4C
908F20
8B8A13
7D7C12

Deuteranopia

6E702E
90934F
969D24
94A016
889513

Tritanopia

783739
9D5659
B82D30
C81B1D
C31313

Achromatopsia

5D5D5D
7C7C7C
6C6C6C
5C5C5C
4C4C4C

Shades & Tints Shades & Tints

#795C1A

Dark
Light

#9F763E

Dark
Light

#BD5410

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #795c1a;
  --color-2: #9f763e;
  --color-3: #bd5410;
  --color-4: #d0310a;
  --color-5: #cc1611;
}

SCSS

$color-1: #795c1a;
$color-2: #9f763e;
$color-3: #bd5410;
$color-4: #d0310a;
$color-5: #cc1611;

TAILWIND

colors: {
  'brand-1': '#795c1a',
  'brand-2': '#9f763e',
  'brand-3': '#bd5410',
  'brand-4': '#d0310a',
  'brand-5': '#cc1611',
}

RGB Array

[121, 92, 26], [159, 118, 62], [189, 84, 16], [208, 49, 10], [204, 22, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #795C1A, #9F763E, #BD5410, #D0310A, #CC1611 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #795c1a; --color-2: #9f763e; --color-3: #bd5410; --color-4: #d0310a; --color-5: #cc1611. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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