← Back to Editor

#734BBB · #757DE0 · #8DB8CF · #9EF7C0 · #EEFBBA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#734BBB

Deep Indigo · SlateBlue · Violet

HEX
#734BBB
RGB
rgb(115, 75, 187)
HSL
hsl(261, 45%, 51%)
HSB
hsb(261, 60%, 73%)
CMYK
cmyk(39%, 60%, 0%, 27%)
Oklch
oklch(51.5% 0.169 296.4)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#757DE0

Azure · MediumSlateBlue · Cobalt Blue

HEX
#757DE0
RGB
rgb(117, 125, 224)
HSL
hsl(236, 63%, 67%)
HSB
hsb(236, 48%, 88%)
CMYK
cmyk(48%, 44%, 0%, 12%)
Oklch
oklch(62.9% 0.148 277.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#8DB8CF

Sky Blue · SkyBlue · Cobalt Blue

HEX
#8DB8CF
RGB
rgb(141, 184, 207)
HSL
hsl(201, 41%, 68%)
HSB
hsb(201, 32%, 81%)
CMYK
cmyk(32%, 11%, 0%, 19%)
Oklch
oklch(76.0% 0.057 231.8)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#9EF7C0

Emerald · LightGreen · Apple Green

HEX
#9EF7C0
RGB
rgb(158, 247, 192)
HSL
hsl(143, 85%, 79%)
HSB
hsb(143, 36%, 97%)
CMYK
cmyk(36%, 0%, 22%, 3%)
Oklch
oklch(90.5% 0.115 156.1)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#EEFBBA

Willow Green · Bisque · Mint Green

HEX
#EEFBBA
RGB
rgb(238, 251, 186)
HSL
hsl(72, 89%, 86%)
HSB
hsb(72, 26%, 98%)
CMYK
cmyk(5%, 0%, 26%, 2%)
Oklch
oklch(96.3% 0.085 117.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

734BBB
93BA4A

Analogous

4A5BBA
734BBB
A94ABA

Triadic

734BBB
BA714A
4ABA71

Split-Comp.

734BBB
BAA94A
5BBA4A

Tetradic

734BBB
BA4A5B
93BA4A
4ABAA9

Contrast Matrix WCAG 2.1 Contrast

734BBB
757DE0
8DB8CF
9EF7C0
EEFBBA
—
1.7
Fail
2.9
Fail
4.8
AA
5.5
AA
1.7
Fail
—
1.7
Fail
2.9
Fail
3.3
AA Large
2.9
Fail
1.7
Fail
—
1.7
Fail
1.9
Fail
4.8
AA
2.9
Fail
1.7
Fail
—
1.2
Fail
5.5
AA
3.3
AA Large
1.9
Fail
1.2
Fail
—
White BG
6.1AA
3.6AA Large
2.1Fail
1.3Fail
1.1Fail
Black BG
3.5AA Large
5.8AA
9.9AAA
16.5AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6261A0
7879C8
A0A0C9
C5C5CD
F4F4CA

Deuteranopia

646799
7877C2
9D9AC8
BFB9D0
F3F2CE

Tritanopia

718B86
75B5B1
8FC5C4
A2D8DA
EFD6D9

Achromatopsia

646464
868686
AEAEAE
D6D6D6
F0F0F0

Shades & Tints Shades & Tints

#734BBB

Dark
Light

#757DE0

Dark
Light

#8DB8CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #734bbb;
  --color-2: #757de0;
  --color-3: #8db8cf;
  --color-4: #9ef7c0;
  --color-5: #eefbba;
}

SCSS

$color-1: #734bbb;
$color-2: #757de0;
$color-3: #8db8cf;
$color-4: #9ef7c0;
$color-5: #eefbba;

TAILWIND

colors: {
  'brand-1': '#734bbb',
  'brand-2': '#757de0',
  'brand-3': '#8db8cf',
  'brand-4': '#9ef7c0',
  'brand-5': '#eefbba',
}

RGB Array

[115, 75, 187], [117, 125, 224], [141, 184, 207], [158, 247, 192], [238, 251, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #734BBB, #757DE0, #8DB8CF, #9EF7C0, #EEFBBA is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #734bbb; --color-2: #757de0; --color-3: #8db8cf; --color-4: #9ef7c0; --color-5: #eefbba. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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