← Back to Editor

#2F2B48 · #236647 · #918F01 · #EB6134 · #F20F62

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

#2F2B48

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2F2B48
RGB
rgb(47, 43, 72)
HSL
hsl(248, 25%, 23%)
HSB
hsb(248, 40%, 28%)
CMYK
cmyk(35%, 40%, 0%, 72%)
Oklch
oklch(30.7% 0.052 289.3)

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

#236647

Mineral Blue · DarkSlateGray · Forest Green

HEX
#236647
RGB
rgb(35, 102, 71)
HSL
hsl(152, 49%, 27%)
HSB
hsb(152, 66%, 40%)
CMYK
cmyk(66%, 0%, 30%, 60%)
Oklch
oklch(45.9% 0.085 160.0)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#918F01

Autumn Sage · Olive · Honey Gold

HEX
#918F01
RGB
rgb(145, 143, 1)
HSL
hsl(59, 99%, 29%)
HSB
hsb(59, 99%, 57%)
CMYK
cmyk(0%, 1%, 99%, 43%)
Oklch
oklch(63.1% 0.136 108.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EB6134

Tangerine · Tomato · Warm Sun

HEX
#EB6134
RGB
rgb(235, 97, 52)
HSL
hsl(15, 82%, 56%)
HSB
hsb(15, 78%, 92%)
CMYK
cmyk(0%, 59%, 78%, 8%)
Oklch
oklch(66.1% 0.181 37.9)

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

#F20F62

Dark Violet · Crimson · Camellia

HEX
#F20F62
RGB
rgb(242, 15, 98)
HSL
hsl(338, 90%, 50%)
HSB
hsb(338, 94%, 95%)
CMYK
cmyk(0%, 94%, 60%, 5%)
Oklch
oklch(61.7% 0.242 10.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F2B48
45492C

Analogous

2C3749
2F2B48
3F2C49

Triadic

2F2B48
49302C
2C4930

Split-Comp.

2F2B48
493F2C
37492C

Tetradic

2F2B48
492C37
45492C
2C493F

Contrast Matrix WCAG 2.1 Contrast

2F2B48
236647
918F01
EB6134
F20F62
—
2.0
Fail
3.9
AA Large
4.0
AA Large
3.2
AA Large
2.0
Fail
—
2.0
Fail
2.1
Fail
1.6
Fail
3.9
AA Large
2.0
Fail
—
1.0
Fail
1.2
Fail
4.0
AA Large
2.1
Fail
1.0
Fail
—
1.3
Fail
3.2
AA Large
1.6
Fail
1.2
Fail
1.3
Fail
—
White BG
13.5AAA
6.9AA
3.4AA Large
3.3AA Large
4.2AA Large
Black BG
1.6Fail
3.1AA Large
6.1AA
6.3AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D41
40414F
909023
AFAE3F
908E4E

Deuteranopia

2E2E3F
3C3750
90902C
B7C242
9DAE49

Tritanopia

2F3B3A
265456
913E44
E44749
E73E3B

Achromatopsia

303030
4E4E4E
7F7F7F
858585
5C5C5C

Shades & Tints Shades & Tints

#2F2B48

Dark
Light

#236647

Dark
Light

#918F01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f2b48;
  --color-2: #236647;
  --color-3: #918f01;
  --color-4: #eb6134;
  --color-5: #f20f62;
}

SCSS

$color-1: #2f2b48;
$color-2: #236647;
$color-3: #918f01;
$color-4: #eb6134;
$color-5: #f20f62;

TAILWIND

colors: {
  'brand-1': '#2f2b48',
  'brand-2': '#236647',
  'brand-3': '#918f01',
  'brand-4': '#eb6134',
  'brand-5': '#f20f62',
}

RGB Array

[47, 43, 72], [35, 102, 71], [145, 143, 1], [235, 97, 52], [242, 15, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F2B48, #236647, #918F01, #EB6134, #F20F62 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: #2f2b48; --color-2: #236647; --color-3: #918f01; --color-4: #eb6134; --color-5: #f20f62. 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