← Back to Editor

#2B3240 · #C2006B · #FF4405 · #E8E000 · #F3F7E4

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 AppData Visualization

Color Details Color Details

#2B3240

Indigo · DarkSlateGray · Prussian Blue

HEX
#2B3240
RGB
rgb(43, 50, 64)
HSL
hsl(220, 20%, 21%)
HSB
hsb(220, 33%, 25%)
CMYK
cmyk(33%, 22%, 0%, 75%)
Oklch
oklch(31.7% 0.027 264.1)

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

#C2006B

Rose Purple · MediumVioletRed · Camellia

HEX
#C2006B
RGB
rgb(194, 0, 107)
HSL
hsl(327, 100%, 38%)
HSB
hsb(327, 100%, 76%)
CMYK
cmyk(0%, 100%, 45%, 24%)
Oklch
oklch(52.9% 0.215 358.0)

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

#FF4405

Tangerine · OrangeRed · Warm Sun

HEX
#FF4405
RGB
rgb(255, 68, 5)
HSL
hsl(15, 100%, 51%)
HSB
hsb(15, 98%, 100%)
CMYK
cmyk(0%, 73%, 98%, 0%)
Oklch
oklch(65.9% 0.230 34.9)

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

#E8E000

Autumn Sage · Gold · Honey Gold

HEX
#E8E000
RGB
rgb(232, 224, 0)
HSL
hsl(58, 100%, 45%)
HSB
hsb(58, 100%, 91%)
CMYK
cmyk(0%, 3%, 100%, 9%)
Oklch
oklch(88.4% 0.190 107.1)

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

#F3F7E4

Willow Green · Beige · Mint Green

HEX
#F3F7E4
RGB
rgb(243, 247, 228)
HSL
hsl(73, 54%, 93%)
HSB
hsb(73, 8%, 97%)
CMYK
cmyk(2%, 0%, 8%, 3%)
Oklch
oklch(96.8% 0.025 116.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B3240
40392B

Analogous

2B3D40
2B3240
2E2B40

Triadic

2B3240
402B32
32402B

Split-Comp.

2B3240
402E2B
3D402B

Tetradic

2B3240
402B3D
40392B
2B402E

Contrast Matrix WCAG 2.1 Contrast

2B3240
C2006B
FF4405
E8E000
F3F7E4
—
2.1
Fail
3.7
AA Large
9.2
AAA
11.8
AAA
2.1
Fail
—
1.7
Fail
4.3
AA Large
5.5
AA
3.7
AA Large
1.7
Fail
—
2.5
Fail
3.2
AA Large
9.2
AAA
4.3
AA Large
2.5
Fail
—
1.3
Fail
11.8
AAA
5.5
AA
3.2
AA Large
1.3
Fail
—
White BG
12.9AAA
6.0AA
3.5AA Large
1.4Fail
1.1Fail
Black BG
1.6Fail
3.5AA Large
6.1AA
15.1AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E3D
6E6C51
AEAC14
E5E436
F5F5E9

Deuteranopia

2E2D3C
79884B
B9C718
E5E643
F5F4EA

Tritanopia

2B3A39
B83D38
F62023
E8616A
F3ECED

Achromatopsia

323232
464646
757575
C9C9C9
F4F4F4

Shades & Tints Shades & Tints

#2B3240

Dark
Light

#C2006B

Dark
Light

#FF4405

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b3240;
  --color-2: #c2006b;
  --color-3: #ff4405;
  --color-4: #e8e000;
  --color-5: #f3f7e4;
}

SCSS

$color-1: #2b3240;
$color-2: #c2006b;
$color-3: #ff4405;
$color-4: #e8e000;
$color-5: #f3f7e4;

TAILWIND

colors: {
  'brand-1': '#2b3240',
  'brand-2': '#c2006b',
  'brand-3': '#ff4405',
  'brand-4': '#e8e000',
  'brand-5': '#f3f7e4',
}

RGB Array

[43, 50, 64], [194, 0, 107], [255, 68, 5], [232, 224, 0], [243, 247, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B3240, #C2006B, #FF4405, #E8E000, #F3F7E4 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #2b3240; --color-2: #c2006b; --color-3: #ff4405; --color-4: #e8e000; --color-5: #f3f7e4. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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