#6D6D6D + #637773 + #439889 + #2DAD97 + #17C3A5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6D6D6D

Ink Gray · DimGray · Warm Gray

HEX

#6D6D6D

RGB

rgb(109, 109, 109)

HSL

hsl(0, 0%, 43%)

HSB

hsb(0, 0%, 43%)

CMYK

cmyk(0%, 0%, 0%, 57%)

Oklch

oklch(53.5% 0.000 89.9)

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

#637773

Mineral Blue · DimGray · Warm Gray

HEX

#637773

RGB

rgb(99, 119, 115)

HSL

hsl(168, 9%, 43%)

HSB

hsb(168, 17%, 47%)

CMYK

cmyk(17%, 0%, 3%, 53%)

Oklch

oklch(55.2% 0.024 181.9)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#439889

Mineral Blue · CadetBlue · Mint Ice

HEX

#439889

RGB

rgb(67, 152, 137)

HSL

hsl(169, 39%, 43%)

HSB

hsb(169, 56%, 60%)

CMYK

cmyk(56%, 0%, 10%, 40%)

Oklch

oklch(62.3% 0.086 180.1)

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

#2DAD97

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#2DAD97

RGB

rgb(45, 173, 151)

HSL

hsl(170, 59%, 43%)

HSB

hsb(170, 74%, 68%)

CMYK

cmyk(74%, 0%, 13%, 32%)

Oklch

oklch(67.5% 0.113 178.3)

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

#17C3A5

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#17C3A5

RGB

rgb(23, 195, 165)

HSL

hsl(170, 79%, 43%)

HSB

hsb(170, 88%, 76%)

CMYK

cmyk(88%, 0%, 15%, 24%)

Oklch

oklch(73.2% 0.134 176.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D6D6D

6E6E6E

Analogous

6E6E6E

6D6D6D

6E6E6E

Triadic

6D6D6D

6E6E6E

Split-Comp.

6D6D6D

6E6E6E

Tetradic

6D6D6D

6E6E6E

Contrast Matrix WCAG 2.1 Contrast

6D6D6D	637773	439889	2DAD97	17C3A5
—	1.1 Fail	1.5 Fail	1.9 Fail	2.3 Fail
1.1 Fail	—	1.4 Fail	1.7 Fail	2.1 Fail
1.5 Fail	1.4 Fail	—	1.2 Fail	1.5 Fail
1.9 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
2.3 Fail	2.1 Fail	1.5 Fail	1.2 Fail	—

White BG

5.2AA

4.8AA

3.4AA Large

2.8Fail

2.2Fail

Black BG

4.1AA Large

4.4AA Large

6.1AA

7.5AAA

9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D6D

6C6C74

68698D

64669C

6163AC

Deuteranopia

6D6D6D

6B6974

635D8E

5D539E

584BAE

Tritanopia

6D6D6D

647575

478F90

33A1A1

20B2B3

Achromatopsia

6D6D6D

717171

7D7D7D

848484

8C8C8C

Shades & Tints Shades & Tints

#6D6D6D

Dark

Light

#637773

Dark

Light

#439889

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d6d6d;
  --color-2: #637773;
  --color-3: #439889;
  --color-4: #2dad97;
  --color-5: #17c3a5;
}

SCSS

$color-1: #6d6d6d;
$color-2: #637773;
$color-3: #439889;
$color-4: #2dad97;
$color-5: #17c3a5;

TAILWIND

colors: {
  'brand-1': '#6d6d6d',
  'brand-2': '#637773',
  'brand-3': '#439889',
  'brand-4': '#2dad97',
  'brand-5': '#17c3a5',
}

RGB Array

[109, 109, 109], [99, 119, 115], [67, 152, 137], [45, 173, 151], [23, 195, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D6D6D, #637773, #439889, #2DAD97, #17C3A5 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: #6d6d6d; --color-2: #637773; --color-3: #439889; --color-4: #2dad97; --color-5: #17c3a5. 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