← Back to Editor

#DE125B · #7F2764 · #281D3F · #268186 · #E3BFB8

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

#DE125B

Dark Violet · Crimson · Camellia

HEX
#DE125B
RGB
rgb(222, 18, 91)
HSL
hsl(339, 85%, 47%)
HSB
hsb(339, 92%, 87%)
CMYK
cmyk(0%, 92%, 59%, 13%)
Oklch
oklch(58.0% 0.226 10.1)

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

#7F2764

Rose Purple · Purple · Eggplant

HEX
#7F2764
RGB
rgb(127, 39, 100)
HSL
hsl(318, 53%, 33%)
HSB
hsb(318, 69%, 50%)
CMYK
cmyk(0%, 69%, 21%, 50%)
Oklch
oklch(42.8% 0.139 342.2)

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

#281D3F

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#281D3F
RGB
rgb(40, 29, 63)
HSL
hsl(259, 37%, 18%)
HSB
hsb(259, 54%, 25%)
CMYK
cmyk(37%, 54%, 0%, 75%)
Oklch
oklch(26.2% 0.063 296.8)

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

#268186

Lake Blue · Teal · Mint Ice

HEX
#268186
RGB
rgb(38, 129, 134)
HSL
hsl(183, 56%, 34%)
HSB
hsb(183, 72%, 53%)
CMYK
cmyk(72%, 4%, 0%, 47%)
Oklch
oklch(55.4% 0.083 200.4)

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

#E3BFB8

Peach Pink · LightPink · Cherry Blossom

HEX
#E3BFB8
RGB
rgb(227, 191, 184)
HSL
hsl(10, 43%, 81%)
HSB
hsb(10, 19%, 89%)
CMYK
cmyk(0%, 16%, 19%, 11%)
Oklch
oklch(83.4% 0.043 30.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE125B
12DE96

Analogous

DE12BF
DE125B
DE3112

Triadic

DE125B
59DE12
1259DE

Split-Comp.

DE125B
12DE31
12BFDE

Tetradic

DE125B
BFDE12
12DE96
3112DE

Contrast Matrix WCAG 2.1 Contrast

DE125B
7F2764
281D3F
268186
E3BFB8
—
1.8
Fail
3.2
AA Large
1.1
Fail
2.9
Fail
1.8
Fail
—
1.8
Fail
1.9
Fail
5.2
AA
3.2
AA Large
1.8
Fail
—
3.4
AA Large
9.3
AAA
1.1
Fail
1.9
Fail
3.4
AA Large
—
2.7
Fail
2.9
Fail
5.2
AA
9.3
AAA
2.7
Fail
—
White BG
4.8AA
8.8AAA
15.7AAA
4.6AA
1.7Fail
Black BG
4.3AA Large
2.4Fail
1.3Fail
4.6AA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868449
595855
232337
4D4E85
D3D3BA

Deuteranopia

92A145
5E6552
242535
484185
D6D8BA

Tritanopia

D43B38
7B4A47
27302F
2B8484
E1BBBB

Achromatopsia

575757
484848
242424
666666
C9C9C9

Shades & Tints Shades & Tints

#DE125B

Dark
Light

#7F2764

Dark
Light

#281D3F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de125b;
  --color-2: #7f2764;
  --color-3: #281d3f;
  --color-4: #268186;
  --color-5: #e3bfb8;
}

SCSS

$color-1: #de125b;
$color-2: #7f2764;
$color-3: #281d3f;
$color-4: #268186;
$color-5: #e3bfb8;

TAILWIND

colors: {
  'brand-1': '#de125b',
  'brand-2': '#7f2764',
  'brand-3': '#281d3f',
  'brand-4': '#268186',
  'brand-5': '#e3bfb8',
}

RGB Array

[222, 18, 91], [127, 39, 100], [40, 29, 63], [38, 129, 134], [227, 191, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE125B, #7F2764, #281D3F, #268186, #E3BFB8 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: #de125b; --color-2: #7f2764; --color-3: #281d3f; --color-4: #268186; --color-5: #e3bfb8. 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