#6A7D83 + #B1A494 + #E6CCA9 + #E4ABA0 + #DD908A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6A7D83

Slate Blue · SlateGray · Mint Ice

HEX

#6A7D83

RGB

rgb(106, 125, 131)

HSL

hsl(194, 11%, 46%)

HSB

hsb(194, 19%, 51%)

CMYK

cmyk(19%, 5%, 0%, 49%)

Oklch

oklch(57.6% 0.024 218.8)

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

#B1A494

Ginger · DarkGray · Warm Sun

HEX

#B1A494

RGB

rgb(177, 164, 148)

HSL

hsl(33, 16%, 64%)

HSB

hsb(33, 16%, 69%)

CMYK

cmyk(0%, 7%, 16%, 31%)

Oklch

oklch(72.5% 0.027 73.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E6CCA9

Goose Yellow · Wheat · Peach Orange

HEX

#E6CCA9

RGB

rgb(230, 204, 169)

HSL

hsl(34, 55%, 78%)

HSB

hsb(34, 27%, 90%)

CMYK

cmyk(0%, 11%, 27%, 10%)

Oklch

oklch(85.8% 0.055 75.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E4ABA0

Peach Pink · Tan · Coral Red

HEX

#E4ABA0

RGB

rgb(228, 171, 160)

HSL

hsl(10, 56%, 76%)

HSB

hsb(10, 30%, 89%)

CMYK

cmyk(0%, 25%, 30%, 11%)

Oklch

oklch(79.1% 0.069 31.0)

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

#DD908A

Peach Pink · DarkSalmon · Coral Red

HEX

#DD908A

RGB

rgb(221, 144, 138)

HSL

hsl(4, 55%, 70%)

HSB

hsb(4, 38%, 87%)

CMYK

cmyk(0%, 35%, 38%, 13%)

Oklch

oklch(73.0% 0.095 24.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A7D83

826E68

Analogous

68827B

6A7D83

686F82

Triadic

6A7D83

82687C

7C8268

Split-Comp.

6A7D83

82686F

827B68

Tetradic

6A7D83

7B6882

826E68

6F8268

Contrast Matrix WCAG 2.1 Contrast

6A7D83	B1A494	E6CCA9	E4ABA0	DD908A
—	1.8 Fail	2.8 Fail	2.2 Fail	1.7 Fail
1.8 Fail	—	1.6 Fail	1.2 Fail	1.0 Fail
2.8 Fail	1.6 Fail	—	1.3 Fail	1.6 Fail
2.2 Fail	1.2 Fail	1.3 Fail	—	1.3 Fail
1.7 Fail	1.0 Fail	1.6 Fail	1.3 Fail	—

White BG

4.3AA Large

2.4Fail

1.5Fail

2.0Fail

2.5Fail

Black BG

4.9AA

8.6AAA

13.6AAA

10.6AAA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727282

ABAB98

DBDBB1

CBCBA3

BCBB8B

Deuteranopia

717081

ACAD99

DCDEB4

CFD3A3

C0C68C

Tritanopia

6B8080

B09B9C

E5B8BA

E1A5A5

D98D8D

Achromatopsia

787878

A6A6A6

D0D0D0

BBBBBB

A6A6A6

Shades & Tints Shades & Tints

#6A7D83

Dark

Light

#B1A494

Dark

Light

#E6CCA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a7d83;
  --color-2: #b1a494;
  --color-3: #e6cca9;
  --color-4: #e4aba0;
  --color-5: #dd908a;
}

SCSS

$color-1: #6a7d83;
$color-2: #b1a494;
$color-3: #e6cca9;
$color-4: #e4aba0;
$color-5: #dd908a;

TAILWIND

colors: {
  'brand-1': '#6a7d83',
  'brand-2': '#b1a494',
  'brand-3': '#e6cca9',
  'brand-4': '#e4aba0',
  'brand-5': '#dd908a',
}

RGB Array

[106, 125, 131], [177, 164, 148], [230, 204, 169], [228, 171, 160], [221, 144, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A7D83, #B1A494, #E6CCA9, #E4ABA0, #DD908A is ideal for: health products, baby brands, fresh-style blogs. 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: #6a7d83; --color-2: #b1a494; --color-3: #e6cca9; --color-4: #e4aba0; --color-5: #dd908a. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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