← Back to Editor

#FAAC96 · #FF7733 · #E01F73 · #B81435 · #361F23

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

#FAAC96

Peach Pink · LightSalmon · Coral Red

HEX
#FAAC96
RGB
rgb(250, 172, 150)
HSL
hsl(13, 91%, 78%)
HSB
hsb(13, 40%, 98%)
CMYK
cmyk(0%, 31%, 40%, 2%)
Oklch
oklch(81.4% 0.098 36.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF7733

Tangerine · Tomato · Warm Sun

HEX
#FF7733
RGB
rgb(255, 119, 51)
HSL
hsl(20, 100%, 60%)
HSB
hsb(20, 80%, 100%)
CMYK
cmyk(0%, 53%, 80%, 0%)
Oklch
oklch(72.1% 0.183 44.1)

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

#E01F73

Dark Violet · MediumVioletRed · Camellia

HEX
#E01F73
RGB
rgb(224, 31, 115)
HSL
hsl(334, 76%, 50%)
HSB
hsb(334, 86%, 88%)
CMYK
cmyk(0%, 86%, 49%, 12%)
Oklch
oklch(59.5% 0.226 2.5)

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

#B81435

Vermilion · FireBrick · Wine Red

HEX
#B81435
RGB
rgb(184, 20, 53)
HSL
hsl(348, 80%, 40%)
HSB
hsb(348, 89%, 72%)
CMYK
cmyk(0%, 89%, 71%, 28%)
Oklch
oklch(50.3% 0.192 19.0)

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

#361F23

Crimson · DarkSlateGray · Deep Berry

HEX
#361F23
RGB
rgb(54, 31, 35)
HSL
hsl(350, 27%, 17%)
HSB
hsb(350, 43%, 21%)
CMYK
cmyk(0%, 43%, 35%, 79%)
Oklch
oklch(27.1% 0.036 8.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAAC96
94E4FA

Analogous

FA94B1
FAAC96
FADD94

Triadic

FAAC96
94FAAA
AA94FA

Split-Comp.

FAAC96
94FADD
94B1FA

Tetradic

FAAC96
B1FA94
94E4FA
DD94FA

Contrast Matrix WCAG 2.1 Contrast

FAAC96
FF7733
E01F73
B81435
361F23
—
1.4
Fail
2.5
Fail
3.6
AA Large
8.3
AAA
1.4
Fail
—
1.7
Fail
2.5
Fail
5.8
AA
2.5
Fail
1.7
Fail
—
1.4
Fail
3.3
AA Large
3.6
AA Large
2.5
Fail
1.4
Fail
—
2.3
Fail
8.3
AAA
5.8
AA
3.3
AA Large
2.3
Fail
—
White BG
1.8Fail
2.6Fail
4.6AA
6.6AA
15.2AAA
Black BG
11.4AAA
7.9AAA
4.6AA
3.2AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D89B
C4C343
8C8B5F
71702D
2C2C22

Deuteranopia

DDE39D
CCD647
98A65A
7B872B
2D2F22

Tritanopia

F6A0A0
F85053
D64F4B
B02725
352121

Achromatopsia

C1C1C1
989898
626262
494949
262626

Shades & Tints Shades & Tints

#FAAC96

Dark
Light

#FF7733

Dark
Light

#E01F73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faac96;
  --color-2: #ff7733;
  --color-3: #e01f73;
  --color-4: #b81435;
  --color-5: #361f23;
}

SCSS

$color-1: #faac96;
$color-2: #ff7733;
$color-3: #e01f73;
$color-4: #b81435;
$color-5: #361f23;

TAILWIND

colors: {
  'brand-1': '#faac96',
  'brand-2': '#ff7733',
  'brand-3': '#e01f73',
  'brand-4': '#b81435',
  'brand-5': '#361f23',
}

RGB Array

[250, 172, 150], [255, 119, 51], [224, 31, 115], [184, 20, 53], [54, 31, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAAC96, #FF7733, #E01F73, #B81435, #361F23 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: #faac96; --color-2: #ff7733; --color-3: #e01f73; --color-4: #b81435; --color-5: #361f23. 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