← Back to Editor

#180000 · #609030 · #A8C060 · #C0D878 · #D8D890

A 5-color palette 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

#180000

Vermilion · Black · Deep Berry

HEX
#180000
RGB
rgb(24, 0, 0)
HSL
hsl(0, 100%, 5%)
HSB
hsb(0, 100%, 9%)
CMYK
cmyk(0%, 100%, 100%, 91%)
Oklch
oklch(13.1% 0.054 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#609030

Celadon · DarkOliveGreen · Forest Green

HEX
#609030
RGB
rgb(96, 144, 48)
HSL
hsl(90, 50%, 38%)
HSB
hsb(90, 67%, 56%)
CMYK
cmyk(33%, 0%, 67%, 44%)
Oklch
oklch(59.8% 0.137 132.0)

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

#A8C060

Grass Green · DarkSeaGreen · Olive Green

HEX
#A8C060
RGB
rgb(168, 192, 96)
HSL
hsl(75, 43%, 56%)
HSB
hsb(75, 50%, 75%)
CMYK
cmyk(13%, 0%, 50%, 25%)
Oklch
oklch(76.9% 0.126 121.0)

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

#C0D878

Willow Green · Tan · Apple Green

HEX
#C0D878
RGB
rgb(192, 216, 120)
HSL
hsl(75, 55%, 66%)
HSB
hsb(75, 44%, 85%)
CMYK
cmyk(11%, 0%, 44%, 15%)
Oklch
oklch(84.3% 0.125 120.6)

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

#D8D890

Fresh Green · Khaki · Sunflower

HEX
#D8D890
RGB
rgb(216, 216, 144)
HSL
hsl(60, 48%, 71%)
HSB
hsb(60, 33%, 85%)
CMYK
cmyk(0%, 0%, 33%, 15%)
Oklch
oklch(86.6% 0.093 108.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

180000
001A1A

Analogous

1A000D
180000
1A0D00

Triadic

180000
001A00
00001A

Split-Comp.

180000
001A0D
000D1A

Tetradic

180000
0D1A00
001A1A
0D001A

Contrast Matrix WCAG 2.1 Contrast

180000
609030
A8C060
C0D878
D8D890
—
5.3
AA
10.0
AAA
12.8
AAA
13.6
AAA
5.3
AA
—
1.9
Fail
2.4
Fail
2.6
Fail
10.0
AAA
1.9
Fail
—
1.3
Fail
1.4
Fail
12.8
AAA
2.4
Fail
1.3
Fail
—
1.1
Fail
13.6
AAA
2.6
Fail
1.4
Fail
1.1
Fail
—
White BG
20.2AAA
3.8AA Large
2.0Fail
1.6Fail
1.5Fail
Black BG
1.0Fail
5.5AA
10.4AAA
13.3AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0D00
757547
B2B377
CACB8F
D8D8A1

Deuteranopia

0F1100
726E4D
B1AF7D
C9C795
D8D8A6

Tritanopia

170000
625A5E
A98A8E
C1A2A6
D8AFB2

Achromatopsia

070707
777777
AEAEAE
C6C6C6
D0D0D0

Shades & Tints Shades & Tints

#180000

Dark
Light

#609030

Dark
Light

#A8C060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #180000;
  --color-2: #609030;
  --color-3: #a8c060;
  --color-4: #c0d878;
  --color-5: #d8d890;
}

SCSS

$color-1: #180000;
$color-2: #609030;
$color-3: #a8c060;
$color-4: #c0d878;
$color-5: #d8d890;

TAILWIND

colors: {
  'brand-1': '#180000',
  'brand-2': '#609030',
  'brand-3': '#a8c060',
  'brand-4': '#c0d878',
  'brand-5': '#d8d890',
}

RGB Array

[24, 0, 0], [96, 144, 48], [168, 192, 96], [192, 216, 120], [216, 216, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #180000, #609030, #A8C060, #C0D878, #D8D890 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: #180000; --color-2: #609030; --color-3: #a8c060; --color-4: #c0d878; --color-5: #d8d890. 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 general-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