← Back to Editor

#47263B · #B93950 · #FF8760 · #F6D47D · #C3D3A4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#47263B

Rose Purple · DarkSlateGray · Raspberry

HEX
#47263B
RGB
rgb(71, 38, 59)
HSL
hsl(322, 30%, 21%)
HSB
hsb(322, 46%, 28%)
CMYK
cmyk(0%, 46%, 17%, 72%)
Oklch
oklch(32.0% 0.059 342.2)

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

#B93950

Crimson · Brown · Passion Red

HEX
#B93950
RGB
rgb(185, 57, 80)
HSL
hsl(349, 53%, 47%)
HSB
hsb(349, 69%, 73%)
CMYK
cmyk(0%, 69%, 57%, 27%)
Oklch
oklch(53.8% 0.164 14.2)

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

#FF8760

Apricot · Coral · Warm Sun

HEX
#FF8760
RGB
rgb(255, 135, 96)
HSL
hsl(15, 100%, 69%)
HSB
hsb(15, 62%, 100%)
CMYK
cmyk(0%, 47%, 62%, 0%)
Oklch
oklch(74.9% 0.156 38.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F6D47D

Goose Yellow · Khaki · Sunflower

HEX
#F6D47D
RGB
rgb(246, 212, 125)
HSL
hsl(43, 87%, 73%)
HSB
hsb(43, 49%, 96%)
CMYK
cmyk(0%, 14%, 49%, 4%)
Oklch
oklch(88.1% 0.113 88.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#C3D3A4

Willow Green · Silver · Apple Green

HEX
#C3D3A4
RGB
rgb(195, 211, 164)
HSL
hsl(80, 35%, 74%)
HSB
hsb(80, 22%, 83%)
CMYK
cmyk(8%, 0%, 22%, 17%)
Oklch
oklch(84.3% 0.065 123.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47263B
254631

Analogous

412546
47263B
46252A

Triadic

47263B
3A4625
253A46

Split-Comp.

47263B
2A4625
254641

Tetradic

47263B
464125
254631
252A46

Contrast Matrix WCAG 2.1 Contrast

47263B
B93950
FF8760
F6D47D
C3D3A4
—
2.3
Fail
5.5
AA
9.1
AAA
8.2
AAA
2.3
Fail
—
2.4
Fail
3.9
AA Large
3.5
AA Large
5.5
AA
2.4
Fail
—
1.6
Fail
1.5
Fail
9.1
AAA
3.9
AA Large
1.6
Fail
—
1.1
Fail
8.2
AAA
3.5
AA Large
1.5
Fail
1.1
Fail
—
White BG
13.1AAA
5.6AA
2.4Fail
1.4Fail
1.6Fail
Black BG
1.6Fail
3.8AA Large
8.9AAA
14.6AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393836
82804A
CBCA69
E7E792
CACAAF

Deuteranopia

3B3D35
899349
D2DB6C
E9EC97
C9C8B2

Tritanopia

453231
B34645
F97173
F4A3A6
C4B8BA

Achromatopsia

323232
626262
A6A6A6
D4D4D4
C9C9C9

Shades & Tints Shades & Tints

#47263B

Dark
Light

#B93950

Dark
Light

#FF8760

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47263b;
  --color-2: #b93950;
  --color-3: #ff8760;
  --color-4: #f6d47d;
  --color-5: #c3d3a4;
}

SCSS

$color-1: #47263b;
$color-2: #b93950;
$color-3: #ff8760;
$color-4: #f6d47d;
$color-5: #c3d3a4;

TAILWIND

colors: {
  'brand-1': '#47263b',
  'brand-2': '#b93950',
  'brand-3': '#ff8760',
  'brand-4': '#f6d47d',
  'brand-5': '#c3d3a4',
}

RGB Array

[71, 38, 59], [185, 57, 80], [255, 135, 96], [246, 212, 125], [195, 211, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47263B, #B93950, #FF8760, #F6D47D, #C3D3A4 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: #47263b; --color-2: #b93950; --color-3: #ff8760; --color-4: #f6d47d; --color-5: #c3d3a4. 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