← Back to Editor

#B93173 · #E55511 · #DDA618 · #33A569 · #4672B9

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

#B93173

Dark Violet · MediumVioletRed · Camellia

HEX
#B93173
RGB
rgb(185, 49, 115)
HSL
hsl(331, 58%, 46%)
HSB
hsb(331, 74%, 73%)
CMYK
cmyk(0%, 74%, 38%, 27%)
Oklch
oklch(54.0% 0.181 355.5)

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

#E55511

Tangerine · Chocolate · Amber Brown

HEX
#E55511
RGB
rgb(229, 85, 17)
HSL
hsl(19, 86%, 48%)
HSB
hsb(19, 93%, 90%)
CMYK
cmyk(0%, 63%, 93%, 10%)
Oklch
oklch(63.5% 0.191 40.4)

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

#DDA618

Ochre · GoldenRod · Honey Gold

HEX
#DDA618
RGB
rgb(221, 166, 24)
HSL
hsl(43, 80%, 48%)
HSB
hsb(43, 89%, 87%)
CMYK
cmyk(0%, 25%, 89%, 13%)
Oklch
oklch(75.6% 0.151 83.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#33A569

Pine Green · MediumSeaGreen · Olive Green

HEX
#33A569
RGB
rgb(51, 165, 105)
HSL
hsl(148, 53%, 42%)
HSB
hsb(148, 69%, 65%)
CMYK
cmyk(69%, 0%, 36%, 35%)
Oklch
oklch(64.3% 0.136 155.9)

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

#4672B9

Indigo · SteelBlue · Navy Blue

HEX
#4672B9
RGB
rgb(70, 114, 185)
HSL
hsl(217, 45%, 50%)
HSB
hsb(217, 62%, 73%)
CMYK
cmyk(62%, 38%, 0%, 27%)
Oklch
oklch(55.4% 0.121 259.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B93173
31B978

Analogous

B931B7
B93173
B93431

Triadic

B93173
73B931
3173B9

Split-Comp.

B93173
31B934
31B7B9

Tetradic

B93173
B7B931
31B978
3431B9

Contrast Matrix WCAG 2.1 Contrast

B93173
E55511
DDA618
33A569
4672B9
—
1.5
Fail
2.5
Fail
1.8
Fail
1.2
Fail
1.5
Fail
—
1.7
Fail
1.2
Fail
1.3
Fail
2.5
Fail
1.7
Fail
—
1.4
Fail
2.2
Fail
1.8
Fail
1.2
Fail
1.4
Fail
—
1.5
Fail
1.2
Fail
1.3
Fail
2.2
Fail
1.5
Fail
—
White BG
5.6AA
3.7AA Large
2.2Fail
3.1AA Large
4.8AA
Black BG
3.7AA Large
5.6AA
9.5AAA
6.7AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D63
A7A521
C5C53A
646578
5959A8

Deuteranopia

86905F
AFBA25
C8CD43
5E557B
5753A4

Tritanopia

B25654
DE2E31
DA555B
398386
489A97

Achromatopsia

616161
787878
A6A6A6
7C7C7C
6D6D6D

Shades & Tints Shades & Tints

#B93173

Dark
Light

#E55511

Dark
Light

#DDA618

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b93173;
  --color-2: #e55511;
  --color-3: #dda618;
  --color-4: #33a569;
  --color-5: #4672b9;
}

SCSS

$color-1: #b93173;
$color-2: #e55511;
$color-3: #dda618;
$color-4: #33a569;
$color-5: #4672b9;

TAILWIND

colors: {
  'brand-1': '#b93173',
  'brand-2': '#e55511',
  'brand-3': '#dda618',
  'brand-4': '#33a569',
  'brand-5': '#4672b9',
}

RGB Array

[185, 49, 115], [229, 85, 17], [221, 166, 24], [51, 165, 105], [70, 114, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B93173, #E55511, #DDA618, #33A569, #4672B9 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: #b93173; --color-2: #e55511; --color-3: #dda618; --color-4: #33a569; --color-5: #4672b9. 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