#586969 + #A6BEB5 + #C6CEBF + #DACEAC + #C10028 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#586969

Slate Blue · DimGray · Charcoal

HEX

#586969

RGB

rgb(88, 105, 105)

HSL

hsl(180, 9%, 38%)

HSB

hsb(180, 16%, 41%)

CMYK

cmyk(16%, 0%, 0%, 59%)

Oklch

oklch(50.7% 0.021 196.5)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#A6BEB5

Jade · DarkGray · Apple Green

HEX

#A6BEB5

RGB

rgb(166, 190, 181)

HSL

hsl(158, 16%, 70%)

HSB

hsb(158, 13%, 75%)

CMYK

cmyk(13%, 0%, 5%, 25%)

Oklch

oklch(78.1% 0.029 171.0)

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

#C6CEBF

Celadon · Silver · Apple Green

HEX

#C6CEBF

RGB

rgb(198, 206, 191)

HSL

hsl(92, 13%, 78%)

HSB

hsb(92, 7%, 81%)

CMYK

cmyk(4%, 0%, 7%, 19%)

Oklch

oklch(84.1% 0.022 130.1)

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

#DACEAC

Goose Yellow · Wheat · Lemon Cream

HEX

#DACEAC

RGB

rgb(218, 206, 172)

HSL

hsl(44, 38%, 76%)

HSB

hsb(44, 21%, 85%)

CMYK

cmyk(0%, 6%, 21%, 15%)

Oklch

oklch(85.2% 0.047 90.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C10028

Vermilion · FireBrick · Wine Red

HEX

#C10028

RGB

rgb(193, 0, 40)

HSL

hsl(348, 100%, 38%)

HSB

hsb(348, 100%, 76%)

CMYK

cmyk(0%, 100%, 79%, 24%)

Oklch

oklch(51.2% 0.206 22.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

586969

6A5858

Analogous

586A61

586969

58616A

Triadic

586969

6A586A

6A6A58

Split-Comp.

586969

6A5861

6A6158

Tetradic

586969

61586A

6A5858

616A58

Contrast Matrix WCAG 2.1 Contrast

586969	A6BEB5	C6CEBF	DACEAC	C10028
—	2.9 Fail	3.6 AA Large	3.7 AA Large	1.1 Fail
2.9 Fail	—	1.2 Fail	1.3 Fail	3.2 AA Large
3.6 AA Large	1.2 Fail	—	1.0 Fail	3.9 AA Large
3.7 AA Large	1.3 Fail	1.0 Fail	—	4.1 AA Large
1.1 Fail	3.2 AA Large	3.9 AA Large	4.1 AA Large	—

White BG

5.8AA

2.0Fail

1.6Fail

6.4AA

Black BG

3.6AA Large

10.7AAA

13.0AAA

13.4AAA

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F6069

B0B1B7

C9CAC3

D5D5B4

6D6C1E

Deuteranopia

5E5D69

AFADB8

C9C8C4

D6D6B6

79871C

Tritanopia

596969

A7B9B9

C6C5C6

D9BBBC

B71715

Achromatopsia

646464

B6B6B6

CACACA

CECECE

3E3E3E

Shades & Tints Shades & Tints

#586969

Dark

Light

#A6BEB5

Dark

Light

#C6CEBF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #586969;
  --color-2: #a6beb5;
  --color-3: #c6cebf;
  --color-4: #daceac;
  --color-5: #c10028;
}

SCSS

$color-1: #586969;
$color-2: #a6beb5;
$color-3: #c6cebf;
$color-4: #daceac;
$color-5: #c10028;

TAILWIND

colors: {
  'brand-1': '#586969',
  'brand-2': '#a6beb5',
  'brand-3': '#c6cebf',
  'brand-4': '#daceac',
  'brand-5': '#c10028',
}

RGB Array

[88, 105, 105], [166, 190, 181], [198, 206, 191], [218, 206, 172], [193, 0, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #586969, #A6BEB5, #C6CEBF, #DACEAC, #C10028 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: #586969; --color-2: #a6beb5; --color-3: #c6cebf; --color-4: #daceac; --color-5: #c10028. 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