← Back to Editor

#C0CD88 · #939A32 · #7C6515 · #141510 · #EC4C12

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C0CD88

Willow Green · Tan · Apple Green

HEX
#C0CD88
RGB
rgb(192, 205, 136)
HSL
hsl(71, 41%, 67%)
HSB
hsb(71, 34%, 80%)
CMYK
cmyk(6%, 0%, 34%, 20%)
Oklch
oklch(82.2% 0.092 117.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#939A32

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#939A32
RGB
rgb(147, 154, 50)
HSL
hsl(64, 51%, 40%)
HSB
hsb(64, 68%, 60%)
CMYK
cmyk(5%, 0%, 68%, 40%)
Oklch
oklch(66.0% 0.126 113.1)

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

#7C6515

Ochre · Olive · Honey Gold

HEX
#7C6515
RGB
rgb(124, 101, 21)
HSL
hsl(47, 71%, 28%)
HSB
hsb(47, 83%, 49%)
CMYK
cmyk(0%, 19%, 83%, 51%)
Oklch
oklch(51.5% 0.097 91.6)

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

#141510

Grass Green · Black · Dark Green

HEX
#141510
RGB
rgb(20, 21, 16)
HSL
hsl(72, 14%, 7%)
HSB
hsb(72, 24%, 8%)
CMYK
cmyk(5%, 0%, 24%, 92%)
Oklch
oklch(19.3% 0.010 116.5)

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

#EC4C12

Tangerine · OrangeRed · Amber Brown

HEX
#EC4C12
RGB
rgb(236, 76, 18)
HSL
hsl(16, 86%, 50%)
HSB
hsb(16, 92%, 93%)
CMYK
cmyk(0%, 68%, 92%, 7%)
Oklch
oklch(63.6% 0.205 37.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0CD88
9588CD

Analogous

CDB888
C0CD88
9ECD88

Triadic

C0CD88
88C1CD
CD88C1

Split-Comp.

C0CD88
889ECD
B888CD

Tetradic

C0CD88
88CDB8
9588CD
CD889E

Contrast Matrix WCAG 2.1 Contrast

C0CD88
939A32
7C6515
141510
EC4C12
—
1.8
Fail
3.3
AA Large
10.8
AAA
2.2
Fail
1.8
Fail
—
1.9
Fail
6.0
AA
1.2
Fail
3.3
AA Large
1.9
Fail
—
3.3
AA Large
1.5
Fail
10.8
AAA
6.0
AA
3.3
AA Large
—
4.9
AA
2.2
Fail
1.2
Fail
1.5
Fail
4.9
AA
—
White BG
1.7Fail
3.0AA Large
5.6AA
18.3AAA
3.7AA Large
Black BG
12.3AAA
6.9AA
3.7AA Large
1.1Fail
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C699
96964B
727228
141411
A7A520

Deuteranopia

C5C49D
969551
73752D
141412
B0BC23

Tritanopia

C1A6A9
935F63
7B383B
141212
E42B2E

Achromatopsia

C1C1C1
8C8C8C
636363
141414
757575

Shades & Tints Shades & Tints

#C0CD88

Dark
Light

#939A32

Dark
Light

#7C6515

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0cd88;
  --color-2: #939a32;
  --color-3: #7c6515;
  --color-4: #141510;
  --color-5: #ec4c12;
}

SCSS

$color-1: #c0cd88;
$color-2: #939a32;
$color-3: #7c6515;
$color-4: #141510;
$color-5: #ec4c12;

TAILWIND

colors: {
  'brand-1': '#c0cd88',
  'brand-2': '#939a32',
  'brand-3': '#7c6515',
  'brand-4': '#141510',
  'brand-5': '#ec4c12',
}

RGB Array

[192, 205, 136], [147, 154, 50], [124, 101, 21], [20, 21, 16], [236, 76, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #C0CD88, #939A32, #7C6515, #141510, #EC4C12 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: #c0cd88; --color-2: #939a32; --color-3: #7c6515; --color-4: #141510; --color-5: #ec4c12. 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