← Back to Editor

#90A818 · #F0F0D8 · #7890A8 · #604830 · #A8C078

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

#90A818

Grass Green · Olive · Forest Green

HEX
#90A818
RGB
rgb(144, 168, 24)
HSL
hsl(70, 75%, 38%)
HSB
hsb(70, 86%, 66%)
CMYK
cmyk(14%, 0%, 86%, 34%)
Oklch
oklch(68.9% 0.157 119.7)

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

#F0F0D8

Fresh Green · Beige · Lemon Cream

HEX
#F0F0D8
RGB
rgb(240, 240, 216)
HSL
hsl(60, 44%, 89%)
HSB
hsb(60, 10%, 94%)
CMYK
cmyk(0%, 0%, 10%, 6%)
Oklch
oklch(94.9% 0.032 107.0)

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

#7890A8

Azure · LightSlateGray · Navy Blue

HEX
#7890A8
RGB
rgb(120, 144, 168)
HSL
hsl(210, 22%, 56%)
HSB
hsb(210, 29%, 66%)
CMYK
cmyk(29%, 14%, 0%, 34%)
Oklch
oklch(64.3% 0.045 248.5)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#604830

Ochre · DarkOliveGreen · Amber Brown

HEX
#604830
RGB
rgb(96, 72, 48)
HSL
hsl(30, 33%, 28%)
HSB
hsb(30, 50%, 38%)
CMYK
cmyk(0%, 25%, 50%, 62%)
Oklch
oklch(42.1% 0.049 65.8)

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

#A8C078

Willow Green · DarkSeaGreen · Apple Green

HEX
#A8C078
RGB
rgb(168, 192, 120)
HSL
hsl(80, 36%, 61%)
HSB
hsb(80, 38%, 75%)
CMYK
cmyk(13%, 0%, 38%, 25%)
Oklch
oklch(77.2% 0.100 123.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90A818
3018AA

Analogous

AA7918
90A818
49AA18

Triadic

90A818
1891AA
AA1891

Split-Comp.

90A818
1849AA
7918AA

Tetradic

90A818
18AA79
3018AA
AA1849

Contrast Matrix WCAG 2.1 Contrast

90A818
F0F0D8
7890A8
604830
A8C078
—
2.3
Fail
1.2
Fail
3.2
AA Large
1.3
Fail
2.3
Fail
—
2.9
Fail
7.4
AAA
1.7
Fail
1.2
Fail
2.9
Fail
—
2.6
Fail
1.6
Fail
3.2
AA Large
7.4
AAA
2.6
Fail
—
4.2
AA Large
1.3
Fail
1.7
Fail
1.6
Fail
4.2
AA Large
—
White BG
2.7Fail
1.2Fail
3.3AA Large
8.5AAA
2.0Fail
Black BG
7.8AAA
18.2AAA
6.4AA
2.5Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9B3B
F0F0DE
8283A2
565536
B2B389

Deuteranopia

999743
F0F0DF
817FA1
575937
B1AF8E

Tritanopia

91565C
F0E2E3
799E9D
5F3A3B
A9979A

Achromatopsia

909090
EDEDED
8C8C8C
4C4C4C
B1B1B1

Shades & Tints Shades & Tints

#90A818

Dark
Light

#F0F0D8

Dark
Light

#7890A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90a818;
  --color-2: #f0f0d8;
  --color-3: #7890a8;
  --color-4: #604830;
  --color-5: #a8c078;
}

SCSS

$color-1: #90a818;
$color-2: #f0f0d8;
$color-3: #7890a8;
$color-4: #604830;
$color-5: #a8c078;

TAILWIND

colors: {
  'brand-1': '#90a818',
  'brand-2': '#f0f0d8',
  'brand-3': '#7890a8',
  'brand-4': '#604830',
  'brand-5': '#a8c078',
}

RGB Array

[144, 168, 24], [240, 240, 216], [120, 144, 168], [96, 72, 48], [168, 192, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90A818, #F0F0D8, #7890A8, #604830, #A8C078 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: #90a818; --color-2: #f0f0d8; --color-3: #7890a8; --color-4: #604830; --color-5: #a8c078. 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