← Back to Editor

#4EDEC5 · #B29E92 · #C26F9D · #EB15E9 · #221445

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4EDEC5

Mineral Blue · MediumTurquoise · Lake Green

HEX
#4EDEC5
RGB
rgb(78, 222, 197)
HSL
hsl(170, 69%, 59%)
HSB
hsb(170, 65%, 87%)
CMYK
cmyk(65%, 0%, 11%, 13%)
Oklch
oklch(81.7% 0.127 179.1)

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

#B29E92

Apricot · DarkGray · Warm Sun

HEX
#B29E92
RGB
rgb(178, 158, 146)
HSL
hsl(23, 17%, 64%)
HSB
hsb(23, 18%, 70%)
CMYK
cmyk(0%, 11%, 18%, 30%)
Oklch
oklch(71.3% 0.029 53.0)

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

#C26F9D

Rose Purple · LightCoral · Rose Pink

HEX
#C26F9D
RGB
rgb(194, 111, 157)
HSL
hsl(327, 40%, 60%)
HSB
hsb(327, 43%, 76%)
CMYK
cmyk(0%, 43%, 19%, 24%)
Oklch
oklch(64.8% 0.119 346.6)

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

#EB15E9

Rose Purple · Magenta · Violet

HEX
#EB15E9
RGB
rgb(235, 21, 233)
HSL
hsl(301, 84%, 50%)
HSB
hsb(301, 91%, 92%)
CMYK
cmyk(0%, 91%, 1%, 8%)
Oklch
oklch(66.2% 0.297 328.8)

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

#221445

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#221445
RGB
rgb(34, 20, 69)
HSL
hsl(257, 55%, 17%)
HSB
hsb(257, 71%, 27%)
CMYK
cmyk(51%, 71%, 0%, 73%)
Oklch
oklch(24.2% 0.088 291.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4EDEC5
DF4E66

Analogous

4EDF7E
4EDEC5
4EAEDF

Triadic

4EDEC5
C74EDF
DFC74E

Split-Comp.

4EDEC5
DF4EAE
DF7E4E

Tetradic

4EDEC5
7E4EDF
DF4E66
AEDF4E

Contrast Matrix WCAG 2.1 Contrast

4EDEC5
B29E92
C26F9D
EB15E9
221445
—
1.5
Fail
2.1
Fail
2.2
Fail
10.0
AAA
1.5
Fail
—
1.4
Fail
1.4
Fail
6.5
AA
2.1
Fail
1.4
Fail
—
1.0
Fail
4.8
AA
2.2
Fail
1.4
Fail
1.0
Fail
—
4.6
AA
10.0
AAA
6.5
AA
4.8
AA
4.6
AA
—
White BG
1.7Fail
2.6Fail
3.5AA Large
3.6AA Large
16.7AAA
Black BG
12.6AAA
8.2AAA
6.1AA
5.8AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8ECB
A9A995
9E9D92
8E8CB6
1C1C39

Deuteranopia

8479CC
ABAC96
A3A98F
9BABA9
1D1E36

Tritanopia

55D0D1
B19798
BE8987
E08D84
21302E

Achromatopsia

B0B0B0
A3A3A3
8D8D8D
6D6D6D
1E1E1E

Shades & Tints Shades & Tints

#4EDEC5

Dark
Light

#B29E92

Dark
Light

#C26F9D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4edec5;
  --color-2: #b29e92;
  --color-3: #c26f9d;
  --color-4: #eb15e9;
  --color-5: #221445;
}

SCSS

$color-1: #4edec5;
$color-2: #b29e92;
$color-3: #c26f9d;
$color-4: #eb15e9;
$color-5: #221445;

TAILWIND

colors: {
  'brand-1': '#4edec5',
  'brand-2': '#b29e92',
  'brand-3': '#c26f9d',
  'brand-4': '#eb15e9',
  'brand-5': '#221445',
}

RGB Array

[78, 222, 197], [178, 158, 146], [194, 111, 157], [235, 21, 233], [34, 20, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4EDEC5, #B29E92, #C26F9D, #EB15E9, #221445 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #4edec5; --color-2: #b29e92; --color-3: #c26f9d; --color-4: #eb15e9; --color-5: #221445. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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