← Back to Editor

#FC9399 · #995B85 · #E8134F · #A91850 · #597979

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FC9399

Peach Pink · LightCoral · Coral Red

HEX
#FC9399
RGB
rgb(252, 147, 153)
HSL
hsl(357, 95%, 78%)
HSB
hsb(357, 42%, 99%)
CMYK
cmyk(0%, 42%, 39%, 1%)
Oklch
oklch(77.5% 0.127 16.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#995B85

Rose Purple · Gray · Violet

HEX
#995B85
RGB
rgb(153, 91, 133)
HSL
hsl(319, 25%, 48%)
HSB
hsb(319, 41%, 60%)
CMYK
cmyk(0%, 41%, 13%, 40%)
Oklch
oklch(55.5% 0.098 340.0)

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

#E8134F

Dark Violet · Crimson · Camellia

HEX
#E8134F
RGB
rgb(232, 19, 79)
HSL
hsl(343, 85%, 49%)
HSB
hsb(343, 92%, 91%)
CMYK
cmyk(0%, 92%, 66%, 9%)
Oklch
oklch(59.6% 0.232 15.4)

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

#A91850

Dark Violet · Brown · Camellia

HEX
#A91850
RGB
rgb(169, 24, 80)
HSL
hsl(337, 75%, 38%)
HSB
hsb(337, 86%, 66%)
CMYK
cmyk(0%, 86%, 53%, 34%)
Oklch
oklch(48.2% 0.179 5.3)

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

#597979

Slate Blue · DimGray · Mint Ice

HEX
#597979
RGB
rgb(89, 121, 121)
HSL
hsl(180, 15%, 41%)
HSB
hsb(180, 26%, 47%)
CMYK
cmyk(26%, 0%, 0%, 53%)
Oklch
oklch(55.2% 0.037 196.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC9399
92FCF7

Analogous

FC92CC
FC9399
FCC292

Triadic

FC9399
97FC92
9297FC

Split-Comp.

FC9399
92FCC2
92CCFC

Tetradic

FC9399
CCFC92
92FCF7
C292FC

Contrast Matrix WCAG 2.1 Contrast

FC9399
995B85
E8134F
A91850
597979
—
2.3
Fail
2.1
Fail
3.3
AA Large
2.2
Fail
2.3
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
2.1
Fail
1.1
Fail
—
1.6
Fail
1.0
Fail
3.3
AA Large
1.4
Fail
1.6
Fail
—
1.5
Fail
2.2
Fail
1.1
Fail
1.0
Fail
1.5
Fail
—
White BG
2.1Fail
5.0AA
4.5AA
7.2AAA
4.7AA
Black BG
9.8AAA
4.2AA Large
4.6AA
2.9Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE98
7E7E7B
8C8A40
6A6942
676779

Deuteranopia

D5DC97
828678
98A83D
737E3F
656379

Tritanopia

F79696
967371
DD3533
A23835
5B7979

Achromatopsia

B3B3B3
727272
5A5A5A
4A4A4A
6F6F6F

Shades & Tints Shades & Tints

#FC9399

Dark
Light

#995B85

Dark
Light

#E8134F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc9399;
  --color-2: #995b85;
  --color-3: #e8134f;
  --color-4: #a91850;
  --color-5: #597979;
}

SCSS

$color-1: #fc9399;
$color-2: #995b85;
$color-3: #e8134f;
$color-4: #a91850;
$color-5: #597979;

TAILWIND

colors: {
  'brand-1': '#fc9399',
  'brand-2': '#995b85',
  'brand-3': '#e8134f',
  'brand-4': '#a91850',
  'brand-5': '#597979',
}

RGB Array

[252, 147, 153], [153, 91, 133], [232, 19, 79], [169, 24, 80], [89, 121, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC9399, #995B85, #E8134F, #A91850, #597979 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fc9399; --color-2: #995b85; --color-3: #e8134f; --color-4: #a91850; --color-5: #597979. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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