#3D94A7 + #7A719E + #B6549F + #ED40A9 + #493F3D · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3D94A7

Slate Blue · SteelBlue · Mint Ice

HEX

#3D94A7

RGB

rgb(61, 148, 167)

HSL

hsl(191, 46%, 45%)

HSB

hsb(191, 63%, 65%)

CMYK

cmyk(63%, 11%, 0%, 35%)

Oklch

oklch(62.2% 0.087 214.5)

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

#7A719E

Deep Indigo · SlateGray · Navy Blue

HEX

#7A719E

RGB

rgb(122, 113, 158)

HSL

hsl(252, 19%, 53%)

HSB

hsb(252, 28%, 62%)

CMYK

cmyk(23%, 28%, 0%, 38%)

Oklch

oklch(57.4% 0.069 293.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#B6549F

Rose Purple · MediumOrchid · Violet

HEX

#B6549F

RGB

rgb(182, 84, 159)

HSL

hsl(314, 40%, 52%)

HSB

hsb(314, 54%, 71%)

CMYK

cmyk(0%, 54%, 13%, 29%)

Oklch

oklch(59.3% 0.156 337.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#ED40A9

Rose Purple · DeepPink · Rose Pink

HEX

#ED40A9

RGB

rgb(237, 64, 169)

HSL

hsl(324, 83%, 59%)

HSB

hsb(324, 73%, 93%)

CMYK

cmyk(0%, 73%, 29%, 7%)

Oklch

oklch(65.6% 0.229 348.1)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#493F3D

Crimson · DarkSlateGray · Charcoal

HEX

#493F3D

RGB

rgb(73, 63, 61)

HSL

hsl(10, 9%, 26%)

HSB

hsb(10, 16%, 29%)

CMYK

cmyk(0%, 14%, 16%, 71%)

Oklch

oklch(37.7% 0.014 31.2)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D94A7

A8513E

Analogous

3EA886

3D94A7

3E5FA8

Triadic

3D94A7

A83E94

94A83E

Split-Comp.

3D94A7

A83E5F

A8863E

Tetradic

3D94A7

863EA8

A8513E

5FA83E

Contrast Matrix WCAG 2.1 Contrast

3D94A7	7A719E	B6549F	ED40A9	493F3D
—	1.3 Fail	1.3 Fail	1.0 Fail	2.9 Fail
1.3 Fail	—	1.0 Fail	1.3 Fail	2.3 Fail
1.3 Fail	1.0 Fail	—	1.2 Fail	2.3 Fail
1.0 Fail	1.3 Fail	1.2 Fail	—	2.9 Fail
2.9 Fail	2.3 Fail	2.3 Fail	2.9 Fail	—

White BG

3.5AA Large

4.5AA Large

4.4AA Large

3.6AA Large

10.2AAA

Black BG

6.0AA

4.7AA

4.8AA

5.9AA

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6363A2

767693

8C8B8D

A2A190

45453D

Deuteranopia

5E57A1

777791

919989

ACB98A

45463E

Tritanopia

419F9E

7A8B89

B17F7B

E47C77

493E3E

Achromatopsia

7C7C7C

797979

7A7A7A

808080

424242

Shades & Tints Shades & Tints

#3D94A7

Dark

Light

#7A719E

Dark

Light

#B6549F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d94a7;
  --color-2: #7a719e;
  --color-3: #b6549f;
  --color-4: #ed40a9;
  --color-5: #493f3d;
}

SCSS

$color-1: #3d94a7;
$color-2: #7a719e;
$color-3: #b6549f;
$color-4: #ed40a9;
$color-5: #493f3d;

TAILWIND

colors: {
  'brand-1': '#3d94a7',
  'brand-2': '#7a719e',
  'brand-3': '#b6549f',
  'brand-4': '#ed40a9',
  'brand-5': '#493f3d',
}

RGB Array

[61, 148, 167], [122, 113, 158], [182, 84, 159], [237, 64, 169], [73, 63, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #3D94A7, #7A719E, #B6549F, #ED40A9, #493F3D 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: #3d94a7; --color-2: #7a719e; --color-3: #b6549f; --color-4: #ed40a9; --color-5: #493f3d. 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 earth-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