#6BE1B1 + #93E17E + #BCE14B + #E4E118 + #C3C5B0 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6BE1B1

Jade · MediumAquaMarine · Apple Green

HEX

#6BE1B1

RGB

rgb(107, 225, 177)

HSL

hsl(156, 66%, 65%)

HSB

hsb(156, 52%, 88%)

CMYK

cmyk(52%, 0%, 21%, 12%)

Oklch

oklch(82.8% 0.128 164.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#93E17E

Emerald · LightGreen · Apple Green

HEX

#93E17E

RGB

rgb(147, 225, 126)

HSL

hsl(107, 62%, 69%)

HSB

hsb(107, 44%, 88%)

CMYK

cmyk(35%, 0%, 44%, 12%)

Oklch

oklch(83.6% 0.153 139.2)

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

#BCE14B

Grass Green · GreenYellow · Olive Green

HEX

#BCE14B

RGB

rgb(188, 225, 75)

HSL

hsl(75, 71%, 59%)

HSB

hsb(75, 67%, 88%)

CMYK

cmyk(16%, 0%, 67%, 12%)

Oklch

oklch(85.5% 0.177 122.2)

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

#E4E118

Autumn Sage · Gold · Honey Gold

HEX

#E4E118

RGB

rgb(228, 225, 24)

HSL

hsl(59, 81%, 49%)

HSB

hsb(59, 89%, 89%)

CMYK

cmyk(0%, 1%, 89%, 11%)

Oklch

oklch(88.3% 0.188 108.7)

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

#C3C5B0

Fresh Green · Silver · Sunflower

HEX

#C3C5B0

RGB

rgb(195, 197, 176)

HSL

hsl(66, 15%, 73%)

HSB

hsb(66, 11%, 77%)

CMYK

cmyk(1%, 0%, 11%, 23%)

Oklch

oklch(81.6% 0.029 111.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6BE1B1

E16B9A

Analogous

6BE177

6BE1B1

6BD5E1

Triadic

6BE1B1

B26BE1

E1B26B

Split-Comp.

6BE1B1

E16BD5

E1776B

Tetradic

6BE1B1

776BE1

E16B9A

D5E16B

Contrast Matrix WCAG 2.1 Contrast

6BE1B1	93E17E	BCE14B	E4E118	C3C5B0
—	1.0 Fail	1.1 Fail	1.2 Fail	1.1 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.3 Fail
1.1 Fail	1.1 Fail	1.2 Fail	1.3 Fail	—

White BG

1.6Fail

1.5Fail

1.4Fail

1.8Fail

Black BG

13.0AAA

13.3AAA

14.0AAA

15.1AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9FBD

B5B596

CCCC6F

E3E349

C4C4B5

Deuteranopia

978EBF

B0AA9C

CAC778

E3E354

C4C4B6

Tritanopia

71C6C8

97A9AD

BE8C92

E46F77

C3B9BA

Achromatopsia

B8B8B8

BEBEBE

C5C5C5

CBCBCB

C2C2C2

Shades & Tints Shades & Tints

#6BE1B1

Dark

Light

#93E17E

Dark

Light

#BCE14B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6be1b1;
  --color-2: #93e17e;
  --color-3: #bce14b;
  --color-4: #e4e118;
  --color-5: #c3c5b0;
}

SCSS

$color-1: #6be1b1;
$color-2: #93e17e;
$color-3: #bce14b;
$color-4: #e4e118;
$color-5: #c3c5b0;

TAILWIND

colors: {
  'brand-1': '#6be1b1',
  'brand-2': '#93e17e',
  'brand-3': '#bce14b',
  'brand-4': '#e4e118',
  'brand-5': '#c3c5b0',
}

RGB Array

[107, 225, 177], [147, 225, 126], [188, 225, 75], [228, 225, 24], [195, 197, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #6BE1B1, #93E17E, #BCE14B, #E4E118, #C3C5B0 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: #6be1b1; --color-2: #93e17e; --color-3: #bce14b; --color-4: #e4e118; --color-5: #c3c5b0. 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 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