← Back to Editor

#3C2A2B · #F73862 · #F2A43E · #D0D836 · #0CCEA5

space

A 5-color space 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

#3C2A2B

Crimson · DarkSlateGray · Deep Berry

HEX
#3C2A2B
RGB
rgb(60, 42, 43)
HSL
hsl(357, 18%, 20%)
HSB
hsb(357, 30%, 24%)
CMYK
cmyk(0%, 30%, 28%, 76%)
Oklch
oklch(30.7% 0.027 15.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#F73862

Vermilion · Tomato · Passion Red

HEX
#F73862
RGB
rgb(247, 56, 98)
HSL
hsl(347, 92%, 59%)
HSB
hsb(347, 77%, 97%)
CMYK
cmyk(0%, 77%, 60%, 3%)
Oklch
oklch(64.5% 0.224 14.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F2A43E

Ginger · SandyBrown · Warm Sun

HEX
#F2A43E
RGB
rgb(242, 164, 62)
HSL
hsl(34, 87%, 60%)
HSB
hsb(34, 74%, 95%)
CMYK
cmyk(0%, 32%, 74%, 5%)
Oklch
oklch(77.8% 0.146 69.3)

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

#D0D836

Autumn Sage · GreenYellow · Sunflower

HEX
#D0D836
RGB
rgb(208, 216, 54)
HSL
hsl(63, 68%, 53%)
HSB
hsb(63, 75%, 85%)
CMYK
cmyk(4%, 0%, 75%, 15%)
Oklch
oklch(84.9% 0.173 112.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#0CCEA5

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0CCEA5
RGB
rgb(12, 206, 165)
HSL
hsl(167, 89%, 43%)
HSB
hsb(167, 94%, 81%)
CMYK
cmyk(94%, 0%, 20%, 19%)
Oklch
oklch(75.9% 0.147 171.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C2A2B
2A3C3B

Analogous

3C2A34
3C2A2B
3C322A

Triadic

3C2A2B
2B3C2A
2A2B3C

Split-Comp.

3C2A2B
2A3C32
2A343C

Tetradic

3C2A2B
343C2A
2A3C3B
322A3C

Contrast Matrix WCAG 2.1 Contrast

3C2A2B
F73862
F2A43E
D0D836
0CCEA5
—
3.7
AA Large
6.5
AA
8.7
AAA
6.7
AA
3.7
AA Large
—
1.8
Fail
2.4
Fail
1.8
Fail
6.5
AA
1.8
Fail
—
1.3
Fail
1.0
Fail
8.7
AAA
2.4
Fail
1.3
Fail
—
1.3
Fail
6.7
AA
1.8
Fail
1.0
Fail
1.3
Fail
—
White BG
13.5AAA
3.7AA Large
2.1Fail
1.5Fail
2.0Fail
Black BG
1.6Fail
5.7AA
10.2AAA
13.6AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

34342B
A4A358
D0D057
D3D45D
6062AF

Deuteranopia

35372B
AFBE55
D5DB5D
D3D267
5546B1

Tritanopia

3B2B2B
ED504E
EE6A6E
D07C83
16B7B8

Achromatopsia

2F2F2F
767676
B0B0B0
C3C3C3
8F8F8F

Shades & Tints Shades & Tints

#3C2A2B

Dark
Light

#F73862

Dark
Light

#F2A43E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c2a2b;
  --color-2: #f73862;
  --color-3: #f2a43e;
  --color-4: #d0d836;
  --color-5: #0ccea5;
}

SCSS

$color-1: #3c2a2b;
$color-2: #f73862;
$color-3: #f2a43e;
$color-4: #d0d836;
$color-5: #0ccea5;

TAILWIND

colors: {
  'brand-1': '#3c2a2b',
  'brand-2': '#f73862',
  'brand-3': '#f2a43e',
  'brand-4': '#d0d836',
  'brand-5': '#0ccea5',
}

RGB Array

[60, 42, 43], [247, 56, 98], [242, 164, 62], [208, 216, 54], [12, 206, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #3C2A2B, #F73862, #F2A43E, #D0D836, #0CCEA5 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: #3c2a2b; --color-2: #f73862; --color-3: #f2a43e; --color-4: #d0d836; --color-5: #0ccea5. 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 space-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