#6E6D68 + #50A79B + #6CC48E + #CDDE6F + #F2EFAA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E6D68

Ink Gray · DimGray · Warm Gray

HEX

#6E6D68

RGB

rgb(110, 109, 104)

HSL

hsl(50, 3%, 42%)

HSB

hsb(50, 5%, 43%)

CMYK

cmyk(0%, 1%, 5%, 57%)

Oklch

oklch(53.4% 0.008 97.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#50A79B

Mineral Blue · CadetBlue · Mint Ice

HEX

#50A79B

RGB

rgb(80, 167, 155)

HSL

hsl(172, 35%, 48%)

HSB

hsb(172, 52%, 65%)

CMYK

cmyk(52%, 0%, 7%, 35%)

Oklch

oklch(67.1% 0.086 183.5)

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

#6CC48E

Celadon · MediumAquaMarine · Olive Green

HEX

#6CC48E

RGB

rgb(108, 196, 142)

HSL

hsl(143, 43%, 60%)

HSB

hsb(143, 45%, 77%)

CMYK

cmyk(45%, 0%, 28%, 23%)

Oklch

oklch(75.1% 0.116 155.4)

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

#CDDE6F

Fresh Green · Khaki · Sunflower

HEX

#CDDE6F

RGB

rgb(205, 222, 111)

HSL

hsl(69, 63%, 65%)

HSB

hsb(69, 50%, 87%)

CMYK

cmyk(8%, 0%, 50%, 13%)

Oklch

oklch(86.5% 0.138 116.6)

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

#F2EFAA

Fresh Green · Wheat · Lemon Cream

HEX

#F2EFAA

RGB

rgb(242, 239, 170)

HSL

hsl(58, 73%, 81%)

HSB

hsb(58, 30%, 95%)

CMYK

cmyk(0%, 1%, 30%, 5%)

Oklch

oklch(93.8% 0.088 105.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E6D68

68696E

Analogous

6E6A68

6E6D68

6C6E68

Triadic

6E6D68

686E6D

6D686E

Split-Comp.

6E6D68

686C6E

6A686E

Tetradic

6E6D68

686E6A

68696E

6E686C

Contrast Matrix WCAG 2.1 Contrast

6E6D68	50A79B	6CC48E	CDDE6F	F2EFAA
—	1.8 Fail	2.5 Fail	3.5 AA Large	4.4 AA Large
1.8 Fail	—	1.4 Fail	1.9 Fail	2.4 Fail
2.5 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
3.5 AA Large	1.9 Fail	1.4 Fail	—	1.2 Fail
4.4 AA Large	2.4 Fail	1.8 Fail	1.2 Fail	—

White BG

5.2AA

2.9Fail

2.1Fail

1.5Fail

1.2Fail

Black BG

4.1AA Large

7.3AAA

9.9AAA

14.3AAA

17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E69

76769E

92939B

D4D58A

F1F1BB

Deuteranopia

6E6E6A

716A9F

8D869E

D3D290

F1F1BF

Tritanopia

6E6A6A

54A0A1

70A5A8

CE9FA4

F2C8CB

Achromatopsia

6D6D6D

8C8C8C

A4A4A4

CCCCCC

E8E8E8

Shades & Tints Shades & Tints

#6E6D68

Dark

Light

#50A79B

Dark

Light

#6CC48E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e6d68;
  --color-2: #50a79b;
  --color-3: #6cc48e;
  --color-4: #cdde6f;
  --color-5: #f2efaa;
}

SCSS

$color-1: #6e6d68;
$color-2: #50a79b;
$color-3: #6cc48e;
$color-4: #cdde6f;
$color-5: #f2efaa;

TAILWIND

colors: {
  'brand-1': '#6e6d68',
  'brand-2': '#50a79b',
  'brand-3': '#6cc48e',
  'brand-4': '#cdde6f',
  'brand-5': '#f2efaa',
}

RGB Array

[110, 109, 104], [80, 167, 155], [108, 196, 142], [205, 222, 111], [242, 239, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E6D68, #50A79B, #6CC48E, #CDDE6F, #F2EFAA 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: #6e6d68; --color-2: #50a79b; --color-3: #6cc48e; --color-4: #cdde6f; --color-5: #f2efaa. 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 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