#647C86 + #BA6F86 + #EC9E94 + #F0CF9B + #E9EFBC · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#647C86

Slate Blue · SlateGray · Mint Ice

HEX

#647C86

RGB

rgb(100, 124, 134)

HSL

hsl(198, 15%, 46%)

HSB

hsb(198, 25%, 53%)

CMYK

cmyk(25%, 7%, 0%, 47%)

Oklch

oklch(57.1% 0.032 225.1)

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

#BA6F86

Dark Violet · LightCoral · Rose Pink

HEX

#BA6F86

RGB

rgb(186, 111, 134)

HSL

hsl(342, 35%, 58%)

HSB

hsb(342, 40%, 73%)

CMYK

cmyk(0%, 40%, 28%, 27%)

Oklch

oklch(63.0% 0.099 0.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#EC9E94

Peach Pink · DarkSalmon · Coral Red

HEX

#EC9E94

RGB

rgb(236, 158, 148)

HSL

hsl(7, 70%, 75%)

HSB

hsb(7, 37%, 93%)

CMYK

cmyk(0%, 33%, 37%, 7%)

Oklch

oklch(77.4% 0.095 27.5)

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

#F0CF9B

Goose Yellow · Khaki · Peach Orange

HEX

#F0CF9B

RGB

rgb(240, 207, 155)

HSL

hsl(37, 74%, 77%)

HSB

hsb(37, 35%, 94%)

CMYK

cmyk(0%, 14%, 35%, 6%)

Oklch

oklch(87.0% 0.077 78.8)

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

#E9EFBC

Fresh Green · Wheat · Lemon Cream

HEX

#E9EFBC

RGB

rgb(233, 239, 188)

HSL

hsl(67, 61%, 84%)

HSB

hsb(67, 21%, 94%)

CMYK

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

Oklch

oklch(93.5% 0.067 113.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

647C86

876E64

Analogous

648780

647C86

646B87

Triadic

647C86

87647C

7C8764

Split-Comp.

647C86

87646B

878064

Tetradic

647C86

806487

876E64

6B8764

Contrast Matrix WCAG 2.1 Contrast

647C86	BA6F86	EC9E94	F0CF9B	E9EFBC
—	1.2 Fail	2.1 Fail	3.0 Fail	3.7 AA Large
1.2 Fail	—	1.7 Fail	2.5 Fail	3.1 AA Large
2.1 Fail	1.7 Fail	—	1.4 Fail	1.8 Fail
3.0 Fail	2.5 Fail	1.4 Fail	—	1.2 Fail
3.7 AA Large	3.1 AA Large	1.8 Fail	1.2 Fail	—

White BG

4.4AA Large

3.7AA Large

2.1Fail

1.5Fail

1.2Fail

Black BG

4.8AA

5.7AA

9.9AAA

14.1AAA

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6F84

9A9980

CACA96

E2E1A8

ECECC8

Deuteranopia

6D6B83

9EA47F

CFD597

E4E6AB

EBEBCB

Tritanopia

658281

B67C7B

E89899

EEB2B4

E9D2D4

Achromatopsia

767676

888888

B4B4B4

D3D3D3

E7E7E7

Shades & Tints Shades & Tints

#647C86

Dark

Light

#BA6F86

Dark

Light

#EC9E94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #647c86;
  --color-2: #ba6f86;
  --color-3: #ec9e94;
  --color-4: #f0cf9b;
  --color-5: #e9efbc;
}

SCSS

$color-1: #647c86;
$color-2: #ba6f86;
$color-3: #ec9e94;
$color-4: #f0cf9b;
$color-5: #e9efbc;

TAILWIND

colors: {
  'brand-1': '#647c86',
  'brand-2': '#ba6f86',
  'brand-3': '#ec9e94',
  'brand-4': '#f0cf9b',
  'brand-5': '#e9efbc',
}

RGB Array

[100, 124, 134], [186, 111, 134], [236, 158, 148], [240, 207, 155], [233, 239, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #647C86, #BA6F86, #EC9E94, #F0CF9B, #E9EFBC 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: #647c86; --color-2: #ba6f86; --color-3: #ec9e94; --color-4: #f0cf9b; --color-5: #e9efbc. 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 space-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