#483060 + #484878 + #90A860 + #A8C060 + #D8F060 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#483060

Dark Plum · DarkSlateGray · Eggplant

HEX

#483060

RGB

rgb(72, 48, 96)

HSL

hsl(270, 33%, 28%)

HSB

hsb(270, 50%, 38%)

CMYK

cmyk(25%, 50%, 0%, 62%)

Oklch

oklch(36.0% 0.084 305.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#484878

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#484878

RGB

rgb(72, 72, 120)

HSL

hsl(240, 25%, 38%)

HSB

hsb(240, 40%, 47%)

CMYK

cmyk(40%, 40%, 0%, 53%)

Oklch

oklch(42.4% 0.079 282.5)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#90A860

Grass Green · DarkSeaGreen · Olive Green

HEX

#90A860

RGB

rgb(144, 168, 96)

HSL

hsl(80, 29%, 52%)

HSB

hsb(80, 43%, 66%)

CMYK

cmyk(14%, 0%, 43%, 34%)

Oklch

oklch(69.6% 0.101 124.1)

Traditional「Grass Green」· Paint「Olive 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

#D8F060

Willow Green · Khaki · Apple Green

HEX

#D8F060

RGB

rgb(216, 240, 96)

HSL

hsl(70, 83%, 66%)

HSB

hsb(70, 60%, 94%)

CMYK

cmyk(10%, 0%, 60%, 6%)

Oklch

oklch(91.0% 0.169 117.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483060

475F30

Analogous

30305F

483060

5F305F

Triadic

483060

5F4730

305F47

Split-Comp.

483060

5F5F30

305F30

Tetradic

483060

5F3030

475F30

305F5F

Contrast Matrix WCAG 2.1 Contrast

483060	484878	90A860	A8C060	D8F060
—	1.3 Fail	4.3 AA Large	5.6 AA	8.9 AAA
1.3 Fail	—	3.2 AA Large	4.2 AA Large	6.7 AA
4.3 AA Large	3.2 AA Large	—	1.3 Fail	2.1 Fail
5.6 AA	4.2 AA Large	1.3 Fail	—	1.6 Fail
8.9 AAA	6.7 AA	2.1 Fail	1.6 Fail	—

White BG

11.2AAA

8.5AAA

2.6Fail

2.0Fail

1.3Fail

Black BG

1.9Fail

2.5Fail

8.0AAA

10.4AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D54

48486C

9A9B71

B2B377

E2E383

Deuteranopia

3F4152

48486A

999776

B1AF7D

E1DF8B

Tritanopia

474B49

486361

917F82

A98A8E

D99EA4

Achromatopsia

3D3D3D

4D4D4D

999999

AEAEAE

D8D8D8

Shades & Tints Shades & Tints

#483060

Dark

Light

#484878

Dark

Light

#90A860

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483060;
  --color-2: #484878;
  --color-3: #90a860;
  --color-4: #a8c060;
  --color-5: #d8f060;
}

SCSS

$color-1: #483060;
$color-2: #484878;
$color-3: #90a860;
$color-4: #a8c060;
$color-5: #d8f060;

TAILWIND

colors: {
  'brand-1': '#483060',
  'brand-2': '#484878',
  'brand-3': '#90a860',
  'brand-4': '#a8c060',
  'brand-5': '#d8f060',
}

RGB Array

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

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483060, #484878, #90A860, #A8C060, #D8F060 is ideal for: corporate websites, product showcases, portfolios. 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: #483060; --color-2: #484878; --color-3: #90a860; --color-4: #a8c060; --color-5: #d8f060. 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. 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