← Back to Editor

#70B21B · #B3C631 · #E3E3B1 · #519FA9 · #1A969C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#70B21B

Grass Green · Olive · Forest Green

HEX
#70B21B
RGB
rgb(112, 178, 27)
HSL
hsl(86, 74%, 40%)
HSB
hsb(86, 85%, 70%)
CMYK
cmyk(37%, 0%, 85%, 30%)
Oklch
oklch(69.3% 0.183 131.8)

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

#B3C631

Autumn Sage · GoldenRod · Honey Gold

HEX
#B3C631
RGB
rgb(179, 198, 49)
HSL
hsl(68, 60%, 48%)
HSB
hsb(68, 75%, 78%)
CMYK
cmyk(10%, 0%, 75%, 22%)
Oklch
oklch(78.6% 0.166 116.8)

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

#E3E3B1

Fresh Green · Wheat · Lemon Cream

HEX
#E3E3B1
RGB
rgb(227, 227, 177)
HSL
hsl(60, 47%, 79%)
HSB
hsb(60, 22%, 89%)
CMYK
cmyk(0%, 0%, 22%, 11%)
Oklch
oklch(90.3% 0.065 107.6)

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

#519FA9

Slate Blue · CadetBlue · Mint Ice

HEX
#519FA9
RGB
rgb(81, 159, 169)
HSL
hsl(187, 35%, 49%)
HSB
hsb(187, 52%, 66%)
CMYK
cmyk(52%, 6%, 0%, 34%)
Oklch
oklch(65.7% 0.078 206.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#1A969C

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1A969C
RGB
rgb(26, 150, 156)
HSL
hsl(183, 71%, 36%)
HSB
hsb(183, 83%, 61%)
CMYK
cmyk(83%, 4%, 0%, 39%)
Oklch
oklch(61.4% 0.099 200.1)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70B21B
5C1BB1

Analogous

B1A71B
70B21B
25B11B

Triadic

70B21B
1B70B1
B11B70

Split-Comp.

70B21B
1B25B1
A71BB1

Tetradic

70B21B
1BB1A7
5C1BB1
B11B25

Contrast Matrix WCAG 2.1 Contrast

70B21B
B3C631
E3E3B1
519FA9
1A969C
—
1.4
Fail
2.0
Fail
1.2
Fail
1.4
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
1.9
Fail
2.0
Fail
1.4
Fail
—
2.3
Fail
2.7
Fail
1.2
Fail
1.6
Fail
2.3
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
2.7
Fail
1.2
Fail
—
White BG
2.6Fail
1.9Fail
1.3Fail
3.1AA Large
3.6AA Large
Black BG
8.1AAA
11.0AAA
15.9AAA
6.9AA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D40
BBBB55
E3E3BD
7373A7
50519B

Deuteranopia

898448
BAB95E
E3E3C0
6E68A6
493F9A

Tritanopia

735C63
B47278
E3C7C9
55A5A4
209999

Achromatopsia

8D8D8D
AFAFAF
DDDDDD
898989
727272

Shades & Tints Shades & Tints

#70B21B

Dark
Light

#B3C631

Dark
Light

#E3E3B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70b21b;
  --color-2: #b3c631;
  --color-3: #e3e3b1;
  --color-4: #519fa9;
  --color-5: #1a969c;
}

SCSS

$color-1: #70b21b;
$color-2: #b3c631;
$color-3: #e3e3b1;
$color-4: #519fa9;
$color-5: #1a969c;

TAILWIND

colors: {
  'brand-1': '#70b21b',
  'brand-2': '#b3c631',
  'brand-3': '#e3e3b1',
  'brand-4': '#519fa9',
  'brand-5': '#1a969c',
}

RGB Array

[112, 178, 27], [179, 198, 49], [227, 227, 177], [81, 159, 169], [26, 150, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #70B21B, #B3C631, #E3E3B1, #519FA9, #1A969C 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: #70b21b; --color-2: #b3c631; --color-3: #e3e3b1; --color-4: #519fa9; --color-5: #1a969c. 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