← Back to Editor

#6F1035 · #880243 · #DF2C58 · #DDE58A · #7F705A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#6F1035

Dark Violet · Maroon · Raspberry

HEX
#6F1035
RGB
rgb(111, 16, 53)
HSL
hsl(337, 75%, 25%)
HSB
hsb(337, 86%, 44%)
CMYK
cmyk(0%, 86%, 52%, 56%)
Oklch
oklch(35.9% 0.130 4.0)

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

#880243

Dark Violet · Brown · Camellia

HEX
#880243
RGB
rgb(136, 2, 67)
HSL
hsl(331, 97%, 27%)
HSB
hsb(331, 99%, 53%)
CMYK
cmyk(0%, 99%, 51%, 47%)
Oklch
oklch(40.6% 0.163 1.6)

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

#DF2C58

Vermilion · Crimson · Passion Red

HEX
#DF2C58
RGB
rgb(223, 44, 88)
HSL
hsl(345, 74%, 52%)
HSB
hsb(345, 80%, 87%)
CMYK
cmyk(0%, 80%, 61%, 13%)
Oklch
oklch(59.4% 0.212 13.5)

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

#DDE58A

Fresh Green · Khaki · Sunflower

HEX
#DDE58A
RGB
rgb(221, 229, 138)
HSL
hsl(65, 64%, 72%)
HSB
hsb(65, 40%, 90%)
CMYK
cmyk(3%, 0%, 40%, 10%)
Oklch
oklch(89.6% 0.115 112.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#7F705A

Ochre · DimGray · Amber Brown

HEX
#7F705A
RGB
rgb(127, 112, 90)
HSL
hsl(36, 17%, 43%)
HSB
hsb(36, 29%, 50%)
CMYK
cmyk(0%, 12%, 29%, 50%)
Oklch
oklch(55.3% 0.038 77.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F1035
10704B

Analogous

701064
6F1035
701B10

Triadic

6F1035
357010
103570

Split-Comp.

6F1035
10701B
106470

Tetradic

6F1035
647010
10704B
1B1070

Contrast Matrix WCAG 2.1 Contrast

6F1035
880243
DF2C58
DDE58A
7F705A
—
1.2
Fail
2.6
Fail
8.7
AAA
2.4
Fail
1.2
Fail
—
2.2
Fail
7.3
AAA
2.0
Fail
2.6
Fail
2.2
Fail
—
3.4
AA Large
1.1
Fail
8.7
AAA
7.3
AAA
3.4
AA Large
—
3.6
AA Large
2.4
Fail
2.0
Fail
1.1
Fail
3.6
AA Large
—
White BG
11.7AAA
9.8AAA
4.5AA
1.3Fail
4.8AA
Black BG
1.8Fail
2.1Fail
4.6AA
15.6AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

46452C
4E4D33
91904D
E0E1A0
79785F

Deuteranopia

4B522A
566030
9CA94B
E0DFA5
797B61

Tritanopia

6A2523
812724
D64543
DDB1B5
7E6464

Achromatopsia

313131
313131
676767
D8D8D8
727272

Shades & Tints Shades & Tints

#6F1035

Dark
Light

#880243

Dark
Light

#DF2C58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f1035;
  --color-2: #880243;
  --color-3: #df2c58;
  --color-4: #dde58a;
  --color-5: #7f705a;
}

SCSS

$color-1: #6f1035;
$color-2: #880243;
$color-3: #df2c58;
$color-4: #dde58a;
$color-5: #7f705a;

TAILWIND

colors: {
  'brand-1': '#6f1035',
  'brand-2': '#880243',
  'brand-3': '#df2c58',
  'brand-4': '#dde58a',
  'brand-5': '#7f705a',
}

RGB Array

[111, 16, 53], [136, 2, 67], [223, 44, 88], [221, 229, 138], [127, 112, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F1035, #880243, #DF2C58, #DDE58A, #7F705A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6f1035; --color-2: #880243; --color-3: #df2c58; --color-4: #dde58a; --color-5: #7f705a. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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