← Back to Editor

#A6E66B · #85DD6F · #378E5B · #1F424E · #051628

cool

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

#A6E66B

Emerald · LightGreen · Apple Green

HEX
#A6E66B
RGB
rgb(166, 230, 107)
HSL
hsl(91, 71%, 66%)
HSB
hsb(91, 53%, 90%)
CMYK
cmyk(28%, 0%, 53%, 10%)
Oklch
oklch(85.6% 0.168 131.9)

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

#85DD6F

Emerald · LightGreen · Apple Green

HEX
#85DD6F
RGB
rgb(133, 221, 111)
HSL
hsl(108, 62%, 65%)
HSB
hsb(108, 50%, 87%)
CMYK
cmyk(40%, 0%, 50%, 13%)
Oklch
oklch(81.7% 0.169 139.6)

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

#378E5B

Celadon · SeaGreen · Forest Green

HEX
#378E5B
RGB
rgb(55, 142, 91)
HSL
hsl(145, 44%, 39%)
HSB
hsb(145, 61%, 56%)
CMYK
cmyk(61%, 0%, 36%, 44%)
Oklch
oklch(58.0% 0.115 154.6)

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

#1F424E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1F424E
RGB
rgb(31, 66, 78)
HSL
hsl(195, 43%, 21%)
HSB
hsb(195, 60%, 31%)
CMYK
cmyk(60%, 15%, 0%, 69%)
Oklch
oklch(35.8% 0.045 222.8)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#051628

Indigo · Black · Deep Sea Blue

HEX
#051628
RGB
rgb(5, 22, 40)
HSL
hsl(211, 78%, 9%)
HSB
hsb(211, 88%, 16%)
CMYK
cmyk(87%, 45%, 0%, 84%)
Oklch
oklch(19.6% 0.043 251.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6E66B
AA6BE6

Analogous

E4E66B
A6E66B
6BE66D

Triadic

A6E66B
6BA6E6
E66BA6

Split-Comp.

A6E66B
6D6BE6
E66BE4

Tetradic

A6E66B
6BE4E6
AA6BE6
E66D6B

Contrast Matrix WCAG 2.1 Contrast

A6E66B
85DD6F
378E5B
1F424E
051628
—
1.1
Fail
2.7
Fail
7.3
AAA
12.3
AAA
1.1
Fail
—
2.4
Fail
6.5
AA
10.9
AAA
2.7
Fail
2.4
Fail
—
2.7
Fail
4.5
AA Large
7.3
AAA
6.5
AA
2.7
Fail
—
1.7
Fail
12.3
AAA
10.9
AAA
4.5
AA Large
1.7
Fail
—
White BG
1.5Fail
1.7Fail
4.1AA Large
10.8AAA
18.2AAA
Black BG
14.2AAA
12.6AAA
5.2AA
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C289
ABAC8A
5D5D67
2E2E4B
0C0D24

Deuteranopia

BEB990
A69F90
58516A
2C2A4A
0B0A23

Tritanopia

A9A0A5
899FA3
3B7173
214948
06201F

Achromatopsia

C5C5C5
B6B6B6
6E6E6E
393939
131313

Shades & Tints Shades & Tints

#A6E66B

Dark
Light

#85DD6F

Dark
Light

#378E5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6e66b;
  --color-2: #85dd6f;
  --color-3: #378e5b;
  --color-4: #1f424e;
  --color-5: #051628;
}

SCSS

$color-1: #a6e66b;
$color-2: #85dd6f;
$color-3: #378e5b;
$color-4: #1f424e;
$color-5: #051628;

TAILWIND

colors: {
  'brand-1': '#a6e66b',
  'brand-2': '#85dd6f',
  'brand-3': '#378e5b',
  'brand-4': '#1f424e',
  'brand-5': '#051628',
}

RGB Array

[166, 230, 107], [133, 221, 111], [55, 142, 91], [31, 66, 78], [5, 22, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A6E66B, #85DD6F, #378E5B, #1F424E, #051628 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: #a6e66b; --color-2: #85dd6f; --color-3: #378e5b; --color-4: #1f424e; --color-5: #051628. 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 cool-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