← Back to Editor

#A0D93B · #B5B410 · #D8767F · #766286 · #263A44

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

#A0D93B

Grass Green · GreenYellow · Olive Green

HEX
#A0D93B
RGB
rgb(160, 217, 59)
HSL
hsl(82, 68%, 54%)
HSB
hsb(82, 73%, 85%)
CMYK
cmyk(26%, 0%, 73%, 15%)
Oklch
oklch(81.7% 0.190 127.7)

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

#B5B410

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5B410
RGB
rgb(181, 180, 16)
HSL
hsl(60, 84%, 39%)
HSB
hsb(60, 91%, 71%)
CMYK
cmyk(0%, 1%, 91%, 29%)
Oklch
oklch(74.6% 0.159 109.3)

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

#D8767F

Peach Pink · LightCoral · Coral Red

HEX
#D8767F
RGB
rgb(216, 118, 127)
HSL
hsl(354, 56%, 65%)
HSB
hsb(354, 45%, 85%)
CMYK
cmyk(0%, 45%, 41%, 15%)
Oklch
oklch(67.8% 0.122 15.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#766286

Dark Plum · Gray · Violet

HEX
#766286
RGB
rgb(118, 98, 134)
HSL
hsl(273, 16%, 45%)
HSB
hsb(273, 27%, 53%)
CMYK
cmyk(12%, 27%, 0%, 47%)
Oklch
oklch(52.9% 0.060 309.6)

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

#263A44

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#263A44
RGB
rgb(38, 58, 68)
HSL
hsl(200, 28%, 21%)
HSB
hsb(200, 44%, 27%)
CMYK
cmyk(44%, 15%, 0%, 73%)
Oklch
oklch(33.6% 0.031 230.5)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0D93B
743AD9

Analogous

D9C43A
A0D93B
4FD93A

Triadic

A0D93B
3A9FD9
D93A9F

Split-Comp.

A0D93B
3A4FD9
C43AD9

Tetradic

A0D93B
3AD9C4
743AD9
D93A4F

Contrast Matrix WCAG 2.1 Contrast

A0D93B
B5B410
D8767F
766286
263A44
—
1.3
Fail
1.8
Fail
3.2
AA Large
7.0
AAA
1.3
Fail
—
1.4
Fail
2.5
Fail
5.4
AA
1.8
Fail
1.4
Fail
—
1.8
Fail
3.8
AA Large
3.2
AA Large
2.5
Fail
1.8
Fail
—
2.2
Fail
7.0
AAA
5.4
AA
3.8
AA Large
2.2
Fail
—
White BG
1.7Fail
2.2Fail
3.1AA Large
5.4AA
11.9AAA
Black BG
12.5AAA
9.5AAA
6.8AA
3.9AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B961
B5B538
AEAD7D
6D6D7D
2F2F42

Deuteranopia

B5B16A
B5B541
B3BB7C
6F707B
2E2C41

Tritanopia

A37F86
B5575E
D37B7B
757675
27403F

Achromatopsia

B6B6B6
A2A2A2
949494
6C6C6C
353535

Shades & Tints Shades & Tints

#A0D93B

Dark
Light

#B5B410

Dark
Light

#D8767F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0d93b;
  --color-2: #b5b410;
  --color-3: #d8767f;
  --color-4: #766286;
  --color-5: #263a44;
}

SCSS

$color-1: #a0d93b;
$color-2: #b5b410;
$color-3: #d8767f;
$color-4: #766286;
$color-5: #263a44;

TAILWIND

colors: {
  'brand-1': '#a0d93b',
  'brand-2': '#b5b410',
  'brand-3': '#d8767f',
  'brand-4': '#766286',
  'brand-5': '#263a44',
}

RGB Array

[160, 217, 59], [181, 180, 16], [216, 118, 127], [118, 98, 134], [38, 58, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0D93B, #B5B410, #D8767F, #766286, #263A44 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: #a0d93b; --color-2: #b5b410; --color-3: #d8767f; --color-4: #766286; --color-5: #263a44. 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