← Back to Editor

#32B7CF · #7BE337 · #BA402D · #B81EBA · #462496

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#32B7CF

Lake Blue · MediumTurquoise · Mint Ice

HEX
#32B7CF
RGB
rgb(50, 183, 207)
HSL
hsl(189, 62%, 50%)
HSB
hsb(189, 76%, 81%)
CMYK
cmyk(76%, 12%, 0%, 19%)
Oklch
oklch(72.0% 0.114 212.8)

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

#7BE337

Emerald · GreenYellow · Olive Green

HEX
#7BE337
RGB
rgb(123, 227, 55)
HSL
hsl(96, 75%, 55%)
HSB
hsb(96, 76%, 89%)
CMYK
cmyk(46%, 0%, 76%, 11%)
Oklch
oklch(82.2% 0.222 136.1)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#BA402D

Vermilion · Brown · Passion Red

HEX
#BA402D
RGB
rgb(186, 64, 45)
HSL
hsl(8, 61%, 45%)
HSB
hsb(8, 76%, 73%)
CMYK
cmyk(0%, 66%, 76%, 27%)
Oklch
oklch(54.1% 0.161 31.5)

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

#B81EBA

Royal Purple · DarkOrchid · Violet

HEX
#B81EBA
RGB
rgb(184, 30, 186)
HSL
hsl(299, 72%, 42%)
HSB
hsb(299, 84%, 73%)
CMYK
cmyk(1%, 84%, 0%, 27%)
Oklch
oklch(56.0% 0.241 327.6)

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

#462496

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#462496
RGB
rgb(70, 36, 150)
HSL
hsl(258, 61%, 36%)
HSB
hsb(258, 76%, 59%)
CMYK
cmyk(53%, 76%, 0%, 41%)
Oklch
oklch(38.2% 0.172 289.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32B7CF
CF4830

Analogous

30CF97
32B7CF
3068CF

Triadic

32B7CF
CF30B7
B7CF30

Split-Comp.

32B7CF
CF3068
CF9730

Tetradic

32B7CF
9730CF
CF4830
68CF30

Contrast Matrix WCAG 2.1 Contrast

32B7CF
7BE337
BA402D
B81EBA
462496
—
1.5
Fail
2.3
Fail
2.2
Fail
4.5
AA
1.5
Fail
—
3.3
AA Large
3.3
AA Large
6.6
AA
2.3
Fail
3.3
AA Large
—
1.0
Fail
2.0
Fail
2.2
Fail
3.3
AA Large
1.0
Fail
—
2.0
Fail
4.5
AA
6.6
AA
2.0
Fail
2.0
Fail
—
White BG
2.4Fail
1.6Fail
5.4AA
5.3AA
10.8AAA
Black BG
8.8AAA
12.9AAA
3.9AA Large
3.9AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6DC9
A8A961
858432
757494
37377A

Deuteranopia

645AC8
A29A6B
8C9533
7E8A8B
393C74

Tritanopia

39C5C4
808189
B43536
B07670
446560

Achromatopsia

929292
B0B0B0
626262
5E5E5E
3B3B3B

Shades & Tints Shades & Tints

#32B7CF

Dark
Light

#7BE337

Dark
Light

#BA402D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32b7cf;
  --color-2: #7be337;
  --color-3: #ba402d;
  --color-4: #b81eba;
  --color-5: #462496;
}

SCSS

$color-1: #32b7cf;
$color-2: #7be337;
$color-3: #ba402d;
$color-4: #b81eba;
$color-5: #462496;

TAILWIND

colors: {
  'brand-1': '#32b7cf',
  'brand-2': '#7be337',
  'brand-3': '#ba402d',
  'brand-4': '#b81eba',
  'brand-5': '#462496',
}

RGB Array

[50, 183, 207], [123, 227, 55], [186, 64, 45], [184, 30, 186], [70, 36, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32B7CF, #7BE337, #BA402D, #B81EBA, #462496 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: #32b7cf; --color-2: #7be337; --color-3: #ba402d; --color-4: #b81eba; --color-5: #462496. 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