← Back to Editor

#79102F · #C10100 · #FA593C · #E8834B · #96CA99

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

#79102F

Dark Violet · Maroon · Camellia

HEX
#79102F
RGB
rgb(121, 16, 47)
HSL
hsl(342, 77%, 27%)
HSB
hsb(342, 87%, 47%)
CMYK
cmyk(0%, 87%, 61%, 53%)
Oklch
oklch(37.7% 0.138 11.0)

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

#C10100

Vermilion · FireBrick · Wine Red

HEX
#C10100
RGB
rgb(193, 1, 0)
HSL
hsl(0, 100%, 38%)
HSB
hsb(0, 100%, 76%)
CMYK
cmyk(0%, 99%, 100%, 24%)
Oklch
oklch(50.9% 0.209 29.3)

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

#FA593C

Peach Pink · Tomato · Coral Red

HEX
#FA593C
RGB
rgb(250, 89, 60)
HSL
hsl(9, 95%, 61%)
HSB
hsb(9, 76%, 98%)
CMYK
cmyk(0%, 64%, 76%, 2%)
Oklch
oklch(67.6% 0.202 32.5)

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

#E8834B

Tangerine · Coral · Warm Sun

HEX
#E8834B
RGB
rgb(232, 131, 75)
HSL
hsl(21, 77%, 60%)
HSB
hsb(21, 68%, 91%)
CMYK
cmyk(0%, 44%, 68%, 9%)
Oklch
oklch(71.0% 0.143 48.1)

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

#96CA99

Celadon · DarkSeaGreen · Apple Green

HEX
#96CA99
RGB
rgb(150, 202, 153)
HSL
hsl(123, 33%, 69%)
HSB
hsb(123, 26%, 79%)
CMYK
cmyk(26%, 0%, 24%, 21%)
Oklch
oklch(79.0% 0.088 146.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79102F
107A5A

Analogous

7A1065
79102F
7A2510

Triadic

79102F
307A10
10307A

Split-Comp.

79102F
107A25
10657A

Tetradic

79102F
657A10
107A5A
25107A

Contrast Matrix WCAG 2.1 Contrast

79102F
C10100
FA593C
E8834B
96CA99
—
1.7
Fail
3.4
AA Large
4.0
AA Large
5.8
AA
1.7
Fail
—
2.0
Fail
2.4
Fail
3.4
AA Large
3.4
AA Large
2.0
Fail
—
1.2
Fail
1.7
Fail
4.0
AA Large
2.4
Fail
1.2
Fail
—
1.4
Fail
5.8
AA
3.4
AA Large
1.7
Fail
1.4
Fail
—
White BG
10.9AAA
6.4AA
3.2AA Large
2.7Fail
1.9Fail
Black BG
1.9Fail
3.3AA Large
6.6AA
7.8AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B27
6E6C00
B4B343
BCBB59
ADADA5

Deuteranopia

525926
798700
BECA45
C2CA5C
AAA6A8

Tritanopia

742220
B70000
F2494A
E36366
99AEB0

Achromatopsia

333333
3A3A3A
868686
9B9B9B
B5B5B5

Shades & Tints Shades & Tints

#79102F

Dark
Light

#C10100

Dark
Light

#FA593C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79102f;
  --color-2: #c10100;
  --color-3: #fa593c;
  --color-4: #e8834b;
  --color-5: #96ca99;
}

SCSS

$color-1: #79102f;
$color-2: #c10100;
$color-3: #fa593c;
$color-4: #e8834b;
$color-5: #96ca99;

TAILWIND

colors: {
  'brand-1': '#79102f',
  'brand-2': '#c10100',
  'brand-3': '#fa593c',
  'brand-4': '#e8834b',
  'brand-5': '#96ca99',
}

RGB Array

[121, 16, 47], [193, 1, 0], [250, 89, 60], [232, 131, 75], [150, 202, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79102F, #C10100, #FA593C, #E8834B, #96CA99 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: #79102f; --color-2: #c10100; --color-3: #fa593c; --color-4: #e8834b; --color-5: #96ca99. 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