← Back to Editor

#9760BF · #3D0F5E · #FFFFFF · #361D02 · #FFF3E0

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

#9760BF

Dark Plum · MediumOrchid · Violet

HEX
#9760BF
RGB
rgb(151, 96, 191)
HSL
hsl(275, 43%, 56%)
HSB
hsb(275, 50%, 75%)
CMYK
cmyk(21%, 50%, 0%, 25%)
Oklch
oklch(58.9% 0.150 309.2)

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

#3D0F5E

Royal Purple · MidnightBlue · Eggplant

HEX
#3D0F5E
RGB
rgb(61, 15, 94)
HSL
hsl(275, 72%, 21%)
HSB
hsb(275, 84%, 37%)
CMYK
cmyk(35%, 84%, 0%, 63%)
Oklch
oklch(29.4% 0.130 306.0)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#361D02

Ochre · Black · Cinnamon

HEX
#361D02
RGB
rgb(54, 29, 2)
HSL
hsl(31, 93%, 11%)
HSB
hsb(31, 96%, 21%)
CMYK
cmyk(0%, 46%, 96%, 79%)
Oklch
oklch(25.9% 0.056 64.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#FFF3E0

Goose Yellow · Linen · Peach Orange

HEX
#FFF3E0
RGB
rgb(255, 243, 224)
HSL
hsl(37, 100%, 94%)
HSB
hsb(37, 12%, 100%)
CMYK
cmyk(0%, 5%, 12%, 0%)
Oklch
oklch(96.9% 0.028 79.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9760BF
87BF5F

Analogous

675FBF
9760BF
BF5FB7

Triadic

9760BF
BF975F
5FBF97

Split-Comp.

9760BF
B7BF5F
5FBF67

Tetradic

9760BF
BF675F
87BF5F
5FB7BF

Contrast Matrix WCAG 2.1 Contrast

9760BF
3D0F5E
FFFFFF
361D02
FFF3E0
—
3.3
AA Large
4.4
AA Large
3.6
AA Large
4.0
AA Large
3.3
AA Large
—
14.7
AAA
1.1
Fail
13.4
AAA
4.4
AA Large
14.7
AAA
—
15.7
AAA
1.1
Fail
3.6
AA Large
1.1
Fail
15.7
AAA
—
14.4
AAA
4.0
AA Large
13.4
AAA
1.1
Fail
14.4
AAA
—
White BG
4.4AA Large
14.7AAA
1.0Fail
15.7AAA
1.1Fail
Black BG
4.7AA
1.4Fail
21.0AAA
1.3Fail
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7FA8
29294B
FFFFFF
2B2B09
FAFAE5

Deuteranopia

8287A3
2C2F46
FFFFFF
2D2F0A
FBFBE6

Tritanopia

949692
3B3C38
FFFFFF
350E0F
FEE8E9

Achromatopsia

7B7B7B
262626
FFFFFF
212121
F4F4F4

Shades & Tints Shades & Tints

#9760BF

Dark
Light

#3D0F5E

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9760bf;
  --color-2: #3d0f5e;
  --color-3: #ffffff;
  --color-4: #361d02;
  --color-5: #fff3e0;
}

SCSS

$color-1: #9760bf;
$color-2: #3d0f5e;
$color-3: #ffffff;
$color-4: #361d02;
$color-5: #fff3e0;

TAILWIND

colors: {
  'brand-1': '#9760bf',
  'brand-2': '#3d0f5e',
  'brand-3': '#ffffff',
  'brand-4': '#361d02',
  'brand-5': '#fff3e0',
}

RGB Array

[151, 96, 191], [61, 15, 94], [255, 255, 255], [54, 29, 2], [255, 243, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9760BF, #3D0F5E, #FFFFFF, #361D02, #FFF3E0 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: #9760bf; --color-2: #3d0f5e; --color-3: #ffffff; --color-4: #361d02; --color-5: #fff3e0. 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