← Back to Editor

#247371 · #33333B · #750D59 · #B80043 · #E38440

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

#247371

Mineral Blue · SeaGreen · Mint Ice

HEX
#247371
RGB
rgb(36, 115, 113)
HSL
hsl(178, 52%, 30%)
HSB
hsb(178, 69%, 45%)
CMYK
cmyk(69%, 0%, 2%, 55%)
Oklch
oklch(50.8% 0.075 192.6)

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

#33333B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#33333B
RGB
rgb(51, 51, 59)
HSL
hsl(240, 7%, 22%)
HSB
hsb(240, 14%, 23%)
CMYK
cmyk(14%, 14%, 0%, 77%)
Oklch
oklch(32.4% 0.014 285.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#750D59

Rose Purple · Purple · Eggplant

HEX
#750D59
RGB
rgb(117, 13, 89)
HSL
hsl(316, 80%, 25%)
HSB
hsb(316, 89%, 46%)
CMYK
cmyk(0%, 89%, 24%, 54%)
Oklch
oklch(38.4% 0.154 342.5)

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

#B80043

Dark Violet · Crimson · Camellia

HEX
#B80043
RGB
rgb(184, 0, 67)
HSL
hsl(338, 100%, 36%)
HSB
hsb(338, 100%, 72%)
CMYK
cmyk(0%, 100%, 64%, 28%)
Oklch
oklch(49.9% 0.199 12.3)

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

#E38440

Tangerine · Coral · Warm Sun

HEX
#E38440
RGB
rgb(227, 132, 64)
HSL
hsl(25, 74%, 57%)
HSB
hsb(25, 72%, 89%)
CMYK
cmyk(0%, 42%, 72%, 11%)
Oklch
oklch(70.4% 0.142 53.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

247371
742527

Analogous

25744A
247371
254F74

Triadic

247371
722574
747225

Split-Comp.

247371
74254F
744A25

Tetradic

247371
4A2574
742527
4F7425

Contrast Matrix WCAG 2.1 Contrast

247371
33333B
750D59
B80043
E38440
—
2.2
Fail
1.9
Fail
1.2
Fail
2.0
Fail
2.2
Fail
—
1.2
Fail
1.9
Fail
4.6
AA
1.9
Fail
1.2
Fail
—
1.6
Fail
3.9
AA Large
1.2
Fail
1.9
Fail
1.6
Fail
—
2.4
Fail
2.0
Fail
4.6
AA
3.9
AA Large
2.4
Fail
—
White BG
5.6AA
12.5AAA
10.7AAA
6.7AA
2.7Fail
Black BG
3.8AA Large
1.7Fail
2.0Fail
3.1AA Large
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464771
333339
484747
686733
BAB950

Deuteranopia

423C72
333339
4E5642
73812F
BFC654

Tritanopia

287272
333837
703835
AF2623
DE5D60

Achromatopsia

5B5B5B
343434
353535
3F3F3F
999999

Shades & Tints Shades & Tints

#247371

Dark
Light

#33333B

Dark
Light

#750D59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #247371;
  --color-2: #33333b;
  --color-3: #750d59;
  --color-4: #b80043;
  --color-5: #e38440;
}

SCSS

$color-1: #247371;
$color-2: #33333b;
$color-3: #750d59;
$color-4: #b80043;
$color-5: #e38440;

TAILWIND

colors: {
  'brand-1': '#247371',
  'brand-2': '#33333b',
  'brand-3': '#750d59',
  'brand-4': '#b80043',
  'brand-5': '#e38440',
}

RGB Array

[36, 115, 113], [51, 51, 59], [117, 13, 89], [184, 0, 67], [227, 132, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #247371, #33333B, #750D59, #B80043, #E38440 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #247371; --color-2: #33333b; --color-3: #750d59; --color-4: #b80043; --color-5: #e38440. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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