← Back to Editor

#F98161 · #FF6A6B · #DE5788 · #AF88A4 · #80B9BF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F98161

Peach Pink · Salmon · Coral Red

HEX
#F98161
RGB
rgb(249, 129, 97)
HSL
hsl(13, 93%, 68%)
HSB
hsb(13, 61%, 98%)
CMYK
cmyk(0%, 48%, 61%, 2%)
Oklch
oklch(73.2% 0.154 35.9)

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

#FF6A6B

Peach Pink · Salmon · Coral Red

HEX
#FF6A6B
RGB
rgb(255, 106, 107)
HSL
hsl(360, 100%, 71%)
HSB
hsb(360, 58%, 100%)
CMYK
cmyk(0%, 58%, 58%, 0%)
Oklch
oklch(71.0% 0.182 22.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

#DE5788

Rouge · LightCoral · Rose Pink

HEX
#DE5788
RGB
rgb(222, 87, 136)
HSL
hsl(338, 67%, 61%)
HSB
hsb(338, 61%, 87%)
CMYK
cmyk(0%, 61%, 39%, 13%)
Oklch
oklch(64.5% 0.174 0.7)

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

#AF88A4

Mauve · DarkGray · Lilac Purple

HEX
#AF88A4
RGB
rgb(175, 136, 164)
HSL
hsl(317, 20%, 61%)
HSB
hsb(317, 22%, 69%)
CMYK
cmyk(0%, 22%, 6%, 31%)
Oklch
oklch(67.3% 0.061 336.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#80B9BF

Sky Blue · MediumAquaMarine · Lake Green

HEX
#80B9BF
RGB
rgb(128, 185, 191)
HSL
hsl(186, 33%, 63%)
HSB
hsb(186, 33%, 75%)
CMYK
cmyk(33%, 3%, 0%, 25%)
Oklch
oklch(74.9% 0.060 204.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F98161
62D8F9

Analogous

F9628D
F98161
F9CE62

Triadic

F98161
62F982
8262F9

Split-Comp.

F98161
62F9CE
628DF9

Tetradic

F98161
8DF962
62D8F9
CE62F9

Contrast Matrix WCAG 2.1 Contrast

F98161
FF6A6B
DE5788
AF88A4
80B9BF
—
1.1
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
1.3
Fail
1.6
Fail
1.4
Fail
—
White BG
2.5Fail
2.8Fail
3.6AA Large
3.1AA Large
2.2Fail
Black BG
8.3AAA
7.5AAA
5.8AA
6.9AA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C469
BEBD6B
A4A27C
9E9E9D
9999BE

Deuteranopia

CCD56B
C7D26B
ABB579
A0A39C
9591BD

Tritanopia

F36F70
F86B6B
D77371
AD9897
83BCBC

Achromatopsia

A1A1A1
979797
858585
979797
A9A9A9

Shades & Tints Shades & Tints

#F98161

Dark
Light

#FF6A6B

Dark
Light

#DE5788

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f98161;
  --color-2: #ff6a6b;
  --color-3: #de5788;
  --color-4: #af88a4;
  --color-5: #80b9bf;
}

SCSS

$color-1: #f98161;
$color-2: #ff6a6b;
$color-3: #de5788;
$color-4: #af88a4;
$color-5: #80b9bf;

TAILWIND

colors: {
  'brand-1': '#f98161',
  'brand-2': '#ff6a6b',
  'brand-3': '#de5788',
  'brand-4': '#af88a4',
  'brand-5': '#80b9bf',
}

RGB Array

[249, 129, 97], [255, 106, 107], [222, 87, 136], [175, 136, 164], [128, 185, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F98161, #FF6A6B, #DE5788, #AF88A4, #80B9BF is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #f98161; --color-2: #ff6a6b; --color-3: #de5788; --color-4: #af88a4; --color-5: #80b9bf. 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 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