← Back to Editor

#6C8693 · #A47480 · #FF6883 · #E6AE9F · #BF9C9A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6C8693

Slate Blue · SlateGray · Navy Blue

HEX
#6C8693
RGB
rgb(108, 134, 147)
HSL
hsl(200, 15%, 50%)
HSB
hsb(200, 27%, 58%)
CMYK
cmyk(27%, 9%, 0%, 42%)
Oklch
oklch(60.4% 0.036 229.7)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#A47480

Crimson · Gray · Passion Red

HEX
#A47480
RGB
rgb(164, 116, 128)
HSL
hsl(345, 21%, 55%)
HSB
hsb(345, 29%, 64%)
CMYK
cmyk(0%, 29%, 22%, 36%)
Oklch
oklch(61.1% 0.062 2.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FF6883

Peach Pink · LightCoral · Coral Red

HEX
#FF6883
RGB
rgb(255, 104, 131)
HSL
hsl(349, 100%, 70%)
HSB
hsb(349, 59%, 100%)
CMYK
cmyk(0%, 59%, 49%, 0%)
Oklch
oklch(71.3% 0.184 12.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E6AE9F

Peach Pink · BurlyWood · Coral Red

HEX
#E6AE9F
RGB
rgb(230, 174, 159)
HSL
hsl(13, 59%, 76%)
HSB
hsb(13, 31%, 90%)
CMYK
cmyk(0%, 24%, 31%, 10%)
Oklch
oklch(79.9% 0.069 35.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BF9C9A

Peach Pink · DarkGray · Coral Red

HEX
#BF9C9A
RGB
rgb(191, 156, 154)
HSL
hsl(3, 22%, 68%)
HSB
hsb(3, 19%, 75%)
CMYK
cmyk(0%, 18%, 19%, 25%)
Oklch
oklch(72.4% 0.042 22.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C8693
93796C

Analogous

6C938C
6C8693
6C7393

Triadic

6C8693
936C86
86936C

Split-Comp.

6C8693
936C73
938C6C

Tetradic

6C8693
8C6C93
93796C
73936C

Contrast Matrix WCAG 2.1 Contrast

6C8693
A47480
FF6883
E6AE9F
BF9C9A
—
1.0
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
1.4
Fail
2.0
Fail
1.6
Fail
1.4
Fail
1.4
Fail
—
1.4
Fail
1.1
Fail
2.0
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.1
Fail
1.3
Fail
—
White BG
3.8AA Large
3.9AA Large
2.8Fail
1.9Fail
2.5Fail
Black BG
5.5AA
5.4AA
7.6AAA
10.9AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777790
8F8F7D
BEBC7C
CECDA3
B0B09A

Deuteranopia

76748F
92967C
C6D27B
D1D5A4
B2B59B

Tritanopia

6D8D8D
A27B7A
F77776
E3A5A6
BD9B9B

Achromatopsia

808080
848484
989898
BDBDBD
A6A6A6

Shades & Tints Shades & Tints

#6C8693

Dark
Light

#A47480

Dark
Light

#FF6883

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c8693;
  --color-2: #a47480;
  --color-3: #ff6883;
  --color-4: #e6ae9f;
  --color-5: #bf9c9a;
}

SCSS

$color-1: #6c8693;
$color-2: #a47480;
$color-3: #ff6883;
$color-4: #e6ae9f;
$color-5: #bf9c9a;

TAILWIND

colors: {
  'brand-1': '#6c8693',
  'brand-2': '#a47480',
  'brand-3': '#ff6883',
  'brand-4': '#e6ae9f',
  'brand-5': '#bf9c9a',
}

RGB Array

[108, 134, 147], [164, 116, 128], [255, 104, 131], [230, 174, 159], [191, 156, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C8693, #A47480, #FF6883, #E6AE9F, #BF9C9A 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: #6c8693; --color-2: #a47480; --color-3: #ff6883; --color-4: #e6ae9f; --color-5: #bf9c9a. 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