#BA3A45 + #639B98 + #E5DAC6 + #D5C9B2 + #8D9979 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BA3A45

Crimson · Brown · Passion Red

HEX

#BA3A45

RGB

rgb(186, 58, 69)

HSL

hsl(355, 52%, 48%)

HSB

hsb(355, 69%, 73%)

CMYK

cmyk(0%, 69%, 63%, 27%)

Oklch

oklch(53.8% 0.164 19.8)

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

#639B98

Mineral Blue · CadetBlue · Mint Ice

HEX

#639B98

RGB

rgb(99, 155, 152)

HSL

hsl(177, 22%, 50%)

HSB

hsb(177, 36%, 61%)

CMYK

cmyk(36%, 0%, 2%, 39%)

Oklch

oklch(65.0% 0.059 191.5)

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

#E5DAC6

Goose Yellow · LightGray · Peach Orange

HEX

#E5DAC6

RGB

rgb(229, 218, 198)

HSL

hsl(39, 37%, 84%)

HSB

hsb(39, 14%, 90%)

CMYK

cmyk(0%, 5%, 14%, 10%)

Oklch

oklch(89.2% 0.029 82.6)

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

#D5C9B2

Goose Yellow · Silver · Peach Orange

HEX

#D5C9B2

RGB

rgb(213, 201, 178)

HSL

hsl(39, 29%, 77%)

HSB

hsb(39, 16%, 84%)

CMYK

cmyk(0%, 6%, 16%, 16%)

Oklch

oklch(84.0% 0.034 83.7)

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

#8D9979

Grass Green · Gray · Olive Green

HEX

#8D9979

RGB

rgb(141, 153, 121)

HSL

hsl(82, 14%, 54%)

HSB

hsb(82, 21%, 60%)

CMYK

cmyk(8%, 0%, 21%, 40%)

Oklch

oklch(66.4% 0.048 124.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA3A45

3BBAAF

Analogous

BA3B85

BA3A45

BA703B

Triadic

BA3A45

45BA3B

3B45BA

Split-Comp.

BA3A45

3BBA70

3B85BA

Tetradic

BA3A45

85BA3B

3BBAAF

703BBA

Contrast Matrix WCAG 2.1 Contrast

BA3A45	639B98	E5DAC6	D5C9B2	8D9979
—	1.8 Fail	4.0 AA Large	3.4 AA Large	1.8 Fail
1.8 Fail	—	2.3 Fail	1.9 Fail	1.0 Fail
4.0 AA Large	2.3 Fail	—	1.2 Fail	2.2 Fail
3.4 AA Large	1.9 Fail	1.2 Fail	—	1.8 Fail
1.8 Fail	1.0 Fail	2.2 Fail	1.8 Fail	—

White BG

5.6AA

3.1AA Large

1.4Fail

1.6Fail

3.0AA Large

Black BG

3.8AA Large

6.7AA

15.2AAA

12.8AAA

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838142

7B7C99

E0E0CB

D0D0B8

929281

Deuteranopia

8A9442

787499

E1E2CC

D1D1B9

929183

Tritanopia

B44040

669999

E4CFD0

D4BCBD

8E8788

Achromatopsia

626262

8A8A8A

DBDBDB

CACACA

929292

Shades & Tints Shades & Tints

#BA3A45

Dark

Light

#639B98

Dark

Light

#E5DAC6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba3a45;
  --color-2: #639b98;
  --color-3: #e5dac6;
  --color-4: #d5c9b2;
  --color-5: #8d9979;
}

SCSS

$color-1: #ba3a45;
$color-2: #639b98;
$color-3: #e5dac6;
$color-4: #d5c9b2;
$color-5: #8d9979;

TAILWIND

colors: {
  'brand-1': '#ba3a45',
  'brand-2': '#639b98',
  'brand-3': '#e5dac6',
  'brand-4': '#d5c9b2',
  'brand-5': '#8d9979',
}

RGB Array

[186, 58, 69], [99, 155, 152], [229, 218, 198], [213, 201, 178], [141, 153, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BA3A45, #639B98, #E5DAC6, #D5C9B2, #8D9979 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: #ba3a45; --color-2: #639b98; --color-3: #e5dac6; --color-4: #d5c9b2; --color-5: #8d9979. 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