← Back to Editor

#75465A · #802247 · #BA2B60 · #F89422 · #F0BF58

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 App

Color Details Color Details

#75465A

Dark Violet · DimGray · Camellia

HEX
#75465A
RGB
rgb(117, 70, 90)
HSL
hsl(334, 25%, 37%)
HSB
hsb(334, 40%, 46%)
CMYK
cmyk(0%, 40%, 23%, 54%)
Oklch
oklch(45.6% 0.070 353.2)

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

#802247

Dark Violet · Brown · Camellia

HEX
#802247
RGB
rgb(128, 34, 71)
HSL
hsl(336, 58%, 32%)
HSB
hsb(336, 73%, 50%)
CMYK
cmyk(0%, 73%, 45%, 50%)
Oklch
oklch(41.3% 0.132 0.9)

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

#BA2B60

Dark Violet · MediumVioletRed · Camellia

HEX
#BA2B60
RGB
rgb(186, 43, 96)
HSL
hsl(338, 62%, 45%)
HSB
hsb(338, 77%, 73%)
CMYK
cmyk(0%, 77%, 48%, 27%)
Oklch
oklch(53.0% 0.182 3.8)

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

#F89422

Ginger · GoldenRod · Warm Sun

HEX
#F89422
RGB
rgb(248, 148, 34)
HSL
hsl(32, 94%, 55%)
HSB
hsb(32, 86%, 97%)
CMYK
cmyk(0%, 40%, 86%, 3%)
Oklch
oklch(75.6% 0.165 62.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F0BF58

Ginger · SandyBrown · Sunflower

HEX
#F0BF58
RGB
rgb(240, 191, 88)
HSL
hsl(41, 84%, 64%)
HSB
hsb(41, 63%, 94%)
CMYK
cmyk(0%, 20%, 63%, 6%)
Oklch
oklch(82.9% 0.132 83.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75465A
477661

Analogous

764773
75465A
764A47

Triadic

75465A
5B7647
475B76

Split-Comp.

75465A
47764A
477376

Tetradic

75465A
737647
477661
4A4776

Contrast Matrix WCAG 2.1 Contrast

75465A
802247
BA2B60
F89422
F0BF58
—
1.2
Fail
1.3
Fail
3.3
AA Large
4.4
AA Large
1.2
Fail
—
1.6
Fail
4.1
AA Large
5.5
AA
1.3
Fail
1.6
Fail
—
2.6
Fail
3.4
AA Large
3.3
AA Large
4.1
AA Large
2.6
Fail
—
1.3
Fail
4.4
AA Large
5.5
AA
3.4
AA Large
1.3
Fail
—
White BG
7.6AAA
9.4AAA
5.8AA
2.3Fail
1.7Fail
Black BG
2.8Fail
2.2Fail
3.6AA Large
9.3AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

616055
57563E
7C7B53
CDCC3E
DBDA71

Deuteranopia

636754
5D643C
848F50
D3DA44
DEE177

Tritanopia

735151
7B3735
B34947
F35358
EE8589

Achromatopsia

565656
424242
5C5C5C
A5A5A5
C2C2C2

Shades & Tints Shades & Tints

#75465A

Dark
Light

#802247

Dark
Light

#BA2B60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75465a;
  --color-2: #802247;
  --color-3: #ba2b60;
  --color-4: #f89422;
  --color-5: #f0bf58;
}

SCSS

$color-1: #75465a;
$color-2: #802247;
$color-3: #ba2b60;
$color-4: #f89422;
$color-5: #f0bf58;

TAILWIND

colors: {
  'brand-1': '#75465a',
  'brand-2': '#802247',
  'brand-3': '#ba2b60',
  'brand-4': '#f89422',
  'brand-5': '#f0bf58',
}

RGB Array

[117, 70, 90], [128, 34, 71], [186, 43, 96], [248, 148, 34], [240, 191, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75465A, #802247, #BA2B60, #F89422, #F0BF58 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #75465a; --color-2: #802247; --color-3: #ba2b60; --color-4: #f89422; --color-5: #f0bf58. 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 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