← Back to Editor

#ABB3B3 · #65BF11 · #008C62 · #666066 · #E00061

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

#ABB3B3

Ash · DarkGray · Silver Sand

HEX
#ABB3B3
RGB
rgb(171, 179, 179)
HSL
hsl(180, 5%, 69%)
HSB
hsb(180, 4%, 70%)
CMYK
cmyk(4%, 0%, 0%, 30%)
Oklch
oklch(76.0% 0.009 197.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#65BF11

Pine Green · LimeGreen · Olive Green

HEX
#65BF11
RGB
rgb(101, 191, 17)
HSL
hsl(91, 84%, 41%)
HSB
hsb(91, 91%, 75%)
CMYK
cmyk(47%, 0%, 91%, 25%)
Oklch
oklch(72.0% 0.207 135.1)

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

#008C62

Mineral Blue · Teal · Mint Ice

HEX
#008C62
RGB
rgb(0, 140, 98)
HSL
hsl(162, 100%, 27%)
HSB
hsb(162, 100%, 55%)
CMYK
cmyk(100%, 0%, 30%, 45%)
Oklch
oklch(56.6% 0.122 163.5)

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

#666066

Ink Gray · DimGray · Charcoal

HEX
#666066
RGB
rgb(102, 96, 102)
HSL
hsl(300, 3%, 39%)
HSB
hsb(300, 6%, 40%)
CMYK
cmyk(0%, 6%, 0%, 60%)
Oklch
oklch(49.7% 0.012 325.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#E00061

Dark Violet · Crimson · Camellia

HEX
#E00061
RGB
rgb(224, 0, 97)
HSL
hsl(334, 100%, 44%)
HSB
hsb(334, 100%, 88%)
CMYK
cmyk(0%, 100%, 57%, 12%)
Oklch
oklch(58.1% 0.233 7.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABB3B3
B4ACAC

Analogous

ACB4B0
ABB3B3
ACB0B4

Triadic

ABB3B3
B4ACB4
B4B4AC

Split-Comp.

ABB3B3
B4ACB0
B4B0AC

Tetradic

ABB3B3
B0ACB4
B4ACAC
B0B4AC

Contrast Matrix WCAG 2.1 Contrast

ABB3B3
65BF11
008C62
666066
E00061
—
1.1
Fail
2.0
Fail
2.9
Fail
2.3
Fail
1.1
Fail
—
1.8
Fail
2.6
Fail
2.1
Fail
2.0
Fail
1.8
Fail
—
1.4
Fail
1.1
Fail
2.9
Fail
2.6
Fail
1.4
Fail
—
1.3
Fail
2.3
Fail
2.1
Fail
1.1
Fail
1.3
Fail
—
White BG
2.1Fail
2.3Fail
4.3AA Large
6.1AA
4.8AA
Black BG
9.8AAA
9.0AAA
4.9AA
3.4AA Large
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAFB3
8C8D3B
3D3E6C
636365
7F7D4A

Deuteranopia

AEADB3
878045
352A6F
646464
8C9D44

Tritanopia

ABB3B3
695C64
077476
666363
D53733

Achromatopsia

B1B1B1
909090
5D5D5D
626262
4E4E4E

Shades & Tints Shades & Tints

#ABB3B3

Dark
Light

#65BF11

Dark
Light

#008C62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #abb3b3;
  --color-2: #65bf11;
  --color-3: #008c62;
  --color-4: #666066;
  --color-5: #e00061;
}

SCSS

$color-1: #abb3b3;
$color-2: #65bf11;
$color-3: #008c62;
$color-4: #666066;
$color-5: #e00061;

TAILWIND

colors: {
  'brand-1': '#abb3b3',
  'brand-2': '#65bf11',
  'brand-3': '#008c62',
  'brand-4': '#666066',
  'brand-5': '#e00061',
}

RGB Array

[171, 179, 179], [101, 191, 17], [0, 140, 98], [102, 96, 102], [224, 0, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ABB3B3, #65BF11, #008C62, #666066, #E00061 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: #abb3b3; --color-2: #65bf11; --color-3: #008c62; --color-4: #666066; --color-5: #e00061. 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