← Back to Editor

#9F102C · #9C4F1D · #998D0F · #96CC00 · #109E82

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#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

#9C4F1D

Tangerine · Sienna · Amber Brown

HEX
#9C4F1D
RGB
rgb(156, 79, 29)
HSL
hsl(24, 69%, 36%)
HSB
hsb(24, 81%, 61%)
CMYK
cmyk(0%, 49%, 81%, 39%)
Oklch
oklch(51.4% 0.119 49.6)

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

#998D0F

Autumn Sage · Olive · Honey Gold

HEX
#998D0F
RGB
rgb(153, 141, 15)
HSL
hsl(55, 82%, 33%)
HSB
hsb(55, 90%, 60%)
CMYK
cmyk(0%, 8%, 90%, 40%)
Oklch
oklch(63.4% 0.130 103.2)

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

#96CC00

Grass Green · Chartreuse · Forest Green

HEX
#96CC00
RGB
rgb(150, 204, 0)
HSL
hsl(76, 100%, 40%)
HSB
hsb(76, 100%, 80%)
CMYK
cmyk(26%, 0%, 100%, 20%)
Oklch
oklch(77.8% 0.199 126.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#109E82

Mineral Blue · Teal · Mint Ice

HEX
#109E82
RGB
rgb(16, 158, 130)
HSL
hsl(168, 82%, 34%)
HSB
hsb(168, 90%, 62%)
CMYK
cmyk(90%, 0%, 18%, 38%)
Oklch
oklch(62.5% 0.116 173.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F102C
109E81

Analogous

9E1073
9F102C
9E3A10

Triadic

9F102C
2C9E10
102C9E

Split-Comp.

9F102C
109E3A
10739E

Tetradic

9F102C
739E10
109E81
3A109E

Contrast Matrix WCAG 2.1 Contrast

9F102C
9C4F1D
998D0F
96CC00
109E82
—
1.4
Fail
2.4
Fail
4.2
AA Large
2.4
Fail
1.4
Fail
—
1.7
Fail
3.1
AA Large
1.8
Fail
2.4
Fail
1.7
Fail
—
1.8
Fail
1.0
Fail
4.2
AA Large
3.1
AA Large
1.8
Fail
—
1.8
Fail
2.4
Fail
1.8
Fail
1.0
Fail
1.8
Fail
—
White BG
8.1AAA
5.9AA
3.4AA Large
1.9Fail
3.4AA Large
Black BG
2.6Fail
3.5AA Large
6.2AA
10.9AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

616025
7B7A29
94942D
ADAE31
4D4F89

Deuteranopia

697424
7F852C
959535
AAA63D
453B8A

Tritanopia

98201F
983335
98464B
995861
178E8F

Achromatopsia

3E3E3E
606060
828282
A5A5A5
707070

Shades & Tints Shades & Tints

#9F102C

Dark
Light

#9C4F1D

Dark
Light

#998D0F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f102c;
  --color-2: #9c4f1d;
  --color-3: #998d0f;
  --color-4: #96cc00;
  --color-5: #109e82;
}

SCSS

$color-1: #9f102c;
$color-2: #9c4f1d;
$color-3: #998d0f;
$color-4: #96cc00;
$color-5: #109e82;

TAILWIND

colors: {
  'brand-1': '#9f102c',
  'brand-2': '#9c4f1d',
  'brand-3': '#998d0f',
  'brand-4': '#96cc00',
  'brand-5': '#109e82',
}

RGB Array

[159, 16, 44], [156, 79, 29], [153, 141, 15], [150, 204, 0], [16, 158, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #9F102C, #9C4F1D, #998D0F, #96CC00, #109E82 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: #9f102c; --color-2: #9c4f1d; --color-3: #998d0f; --color-4: #96cc00; --color-5: #109e82. 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