← Back to Editor

#FE3782 · #202B2E · #F16192 · #C97890 · #7A8D94

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 LibraryData Visualization

Color Details Color Details

#FE3782

Rouge · DeepPink · Rose Pink

HEX
#FE3782
RGB
rgb(254, 55, 130)
HSL
hsl(337, 99%, 61%)
HSB
hsb(337, 78%, 100%)
CMYK
cmyk(0%, 78%, 49%, 0%)
Oklch
oklch(66.4% 0.235 4.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#202B2E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#202B2E
RGB
rgb(32, 43, 46)
HSL
hsl(193, 18%, 15%)
HSB
hsb(193, 30%, 18%)
CMYK
cmyk(30%, 7%, 0%, 82%)
Oklch
oklch(28.0% 0.016 216.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#F16192

Rouge · LightCoral · Rose Pink

HEX
#F16192
RGB
rgb(241, 97, 146)
HSL
hsl(340, 84%, 66%)
HSB
hsb(340, 60%, 95%)
CMYK
cmyk(0%, 60%, 39%, 5%)
Oklch
oklch(68.8% 0.182 1.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C97890

Rouge · LightCoral · Rose Pink

HEX
#C97890
RGB
rgb(201, 120, 144)
HSL
hsl(342, 43%, 63%)
HSB
hsb(342, 40%, 79%)
CMYK
cmyk(0%, 40%, 28%, 21%)
Oklch
oklch(66.7% 0.105 1.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#7A8D94

Slate Blue · LightSlateGray · Lake Green

HEX
#7A8D94
RGB
rgb(122, 141, 148)
HSL
hsl(196, 11%, 53%)
HSB
hsb(196, 18%, 58%)
CMYK
cmyk(18%, 5%, 0%, 42%)
Oklch
oklch(63.1% 0.024 222.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE3782
39FEB3

Analogous

FE39E7
FE3782
FE5039

Triadic

FE3782
85FE39
3985FE

Split-Comp.

FE3782
39FE50
39E7FE

Tetradic

FE3782
E7FE39
39FEB3
5039FE

Contrast Matrix WCAG 2.1 Contrast

FE3782
202B2E
F16192
C97890
7A8D94
—
4.2
AA Large
1.1
Fail
1.1
Fail
1.0
Fail
4.2
AA Large
—
4.7
AA
4.5
AA
4.2
AA Large
1.1
Fail
4.7
AA
—
1.0
Fail
1.1
Fail
1.1
Fail
4.5
AA
1.0
Fail
—
1.1
Fail
1.0
Fail
4.2
AA Large
1.1
Fail
1.1
Fail
—
White BG
3.5AA Large
14.5AAA
3.1AA Large
3.2AA Large
3.5AA Large
Black BG
6.1AA
1.4Fail
6.9AA
6.6AA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A670
25252D
B3B186
A6A58A
828292

Deuteranopia

B3C26C
24232D
BBC683
ABB189
818092

Tritanopia

F4625E
212D2D
EA7D7B
C58685
7B9191

Achromatopsia

7B7B7B
282828
929292
939393
888888

Shades & Tints Shades & Tints

#FE3782

Dark
Light

#202B2E

Dark
Light

#F16192

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe3782;
  --color-2: #202b2e;
  --color-3: #f16192;
  --color-4: #c97890;
  --color-5: #7a8d94;
}

SCSS

$color-1: #fe3782;
$color-2: #202b2e;
$color-3: #f16192;
$color-4: #c97890;
$color-5: #7a8d94;

TAILWIND

colors: {
  'brand-1': '#fe3782',
  'brand-2': '#202b2e',
  'brand-3': '#f16192',
  'brand-4': '#c97890',
  'brand-5': '#7a8d94',
}

RGB Array

[254, 55, 130], [32, 43, 46], [241, 97, 146], [201, 120, 144], [122, 141, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE3782, #202B2E, #F16192, #C97890, #7A8D94 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fe3782; --color-2: #202b2e; --color-3: #f16192; --color-4: #c97890; --color-5: #7a8d94. 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 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