#4DE3DE + #6FACB4 + #94768E + #B34060 + #D50A36 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#4DE3DE

Mineral Blue · Turquoise · Lake Green

HEX

#4DE3DE

RGB

rgb(77, 227, 222)

HSL

hsl(178, 73%, 60%)

HSB

hsb(178, 66%, 89%)

CMYK

cmyk(66%, 0%, 2%, 11%)

Oklch

oklch(83.7% 0.124 191.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#6FACB4

Slate Blue · CadetBlue · Lake Green

HEX

#6FACB4

RGB

rgb(111, 172, 180)

HSL

hsl(187, 32%, 57%)

HSB

hsb(187, 38%, 71%)

CMYK

cmyk(38%, 4%, 0%, 29%)

Oklch

oklch(70.6% 0.064 206.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#94768E

Rose Purple · Gray · Violet

HEX

#94768E

RGB

rgb(148, 118, 142)

HSL

hsl(312, 12%, 52%)

HSB

hsb(312, 20%, 58%)

CMYK

cmyk(0%, 20%, 4%, 42%)

Oklch

oklch(60.2% 0.051 333.2)

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

#B34060

Dark Violet · Sienna · Camellia

HEX

#B34060

RGB

rgb(179, 64, 96)

HSL

hsl(343, 47%, 48%)

HSB

hsb(343, 64%, 70%)

CMYK

cmyk(0%, 64%, 46%, 30%)

Oklch

oklch(54.0% 0.151 6.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#D50A36

Vermilion · Crimson · Passion Red

HEX

#D50A36

RGB

rgb(213, 10, 54)

HSL

hsl(347, 91%, 44%)

HSB

hsb(347, 95%, 84%)

CMYK

cmyk(0%, 95%, 75%, 16%)

Oklch

oklch(55.4% 0.219 20.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4DE3DE

E34F54

Analogous

4FE394

4DE3DE

4F9EE3

Triadic

4DE3DE

DE4FE3

E3DE4F

Split-Comp.

4DE3DE

E34F9E

E3944F

Tetradic

4DE3DE

944FE3

E34F54

9EE34F

Contrast Matrix WCAG 2.1 Contrast

4DE3DE	6FACB4	94768E	B34060	D50A36
—	1.6 Fail	2.5 Fail	3.5 AA Large	3.4 AA Large
1.6 Fail	—	1.6 Fail	2.2 Fail	2.1 Fail
2.5 Fail	1.6 Fail	—	1.4 Fail	1.3 Fail
3.5 AA Large	2.2 Fail	1.4 Fail	—	1.0 Fail
3.4 AA Large	2.1 Fail	1.3 Fail	1.0 Fail	—

White BG

1.6Fail

2.5Fail

4.0AA Large

5.5AA

5.3AA

Black BG

13.4AAA

8.2AAA

5.2AA

3.8AA Large

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FDF

898AB2

878788

818058

7D7B2B

Deuteranopia

857ADF

8681B2

898B87

889156

899829

Tritanopia

55E0E0

72B1B0

938483

AD5251

CB2321

Achromatopsia

B6B6B6

9B9B9B

828282

666666

4C4C4C

Shades & Tints Shades & Tints

#4DE3DE

Dark

Light

#6FACB4

Dark

Light

#94768E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4de3de;
  --color-2: #6facb4;
  --color-3: #94768e;
  --color-4: #b34060;
  --color-5: #d50a36;
}

SCSS

$color-1: #4de3de;
$color-2: #6facb4;
$color-3: #94768e;
$color-4: #b34060;
$color-5: #d50a36;

TAILWIND

colors: {
  'brand-1': '#4de3de',
  'brand-2': '#6facb4',
  'brand-3': '#94768e',
  'brand-4': '#b34060',
  'brand-5': '#d50a36',
}

RGB Array

[77, 227, 222], [111, 172, 180], [148, 118, 142], [179, 64, 96], [213, 10, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4DE3DE, #6FACB4, #94768E, #B34060, #D50A36 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: #4de3de; --color-2: #6facb4; --color-3: #94768e; --color-4: #b34060; --color-5: #d50a36. 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