← Back to Editor

#FC7181 · #ED8C87 · #C69F95 · #B8AB9A · #BAB095

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FC7181

Peach Pink · LightCoral · Coral Red

HEX
#FC7181
RGB
rgb(252, 113, 129)
HSL
hsl(353, 96%, 72%)
HSB
hsb(353, 55%, 99%)
CMYK
cmyk(0%, 55%, 49%, 1%)
Oklch
oklch(72.0% 0.170 15.3)

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

#ED8C87

Peach Pink · LightCoral · Coral Red

HEX
#ED8C87
RGB
rgb(237, 140, 135)
HSL
hsl(3, 74%, 73%)
HSB
hsb(3, 43%, 93%)
CMYK
cmyk(0%, 41%, 43%, 7%)
Oklch
oklch(74.1% 0.119 23.5)

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

#C69F95

Peach Pink · Tan · Coral Red

HEX
#C69F95
RGB
rgb(198, 159, 149)
HSL
hsl(12, 30%, 68%)
HSB
hsb(12, 25%, 78%)
CMYK
cmyk(0%, 20%, 25%, 22%)
Oklch
oklch(73.5% 0.049 34.8)

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

#B8AB9A

Ginger · DarkGray · Warm Sun

HEX
#B8AB9A
RGB
rgb(184, 171, 154)
HSL
hsl(34, 17%, 66%)
HSB
hsb(34, 16%, 72%)
CMYK
cmyk(0%, 7%, 16%, 28%)
Oklch
oklch(74.8% 0.028 74.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#BAB095

Ginger · Tan · Sunflower

HEX
#BAB095
RGB
rgb(186, 176, 149)
HSL
hsl(44, 21%, 66%)
HSB
hsb(44, 20%, 73%)
CMYK
cmyk(0%, 5%, 20%, 27%)
Oklch
oklch(75.8% 0.039 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC7181
73FCEC

Analogous

FC73C8
FC7181
FCA873

Triadic

FC7181
83FC73
7383FC

Split-Comp.

FC7181
73FCA8
73C8FC

Tetradic

FC7181
C8FC73
73FCEC
A873FC

Contrast Matrix WCAG 2.1 Contrast

FC7181
ED8C87
C69F95
B8AB9A
BAB095
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
White BG
2.7Fail
2.4Fail
2.4Fail
2.3Fail
2.2Fail
Black BG
7.8AAA
8.7AAA
8.8AAA
9.3AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF7D
C3C288
B5B597
B2B29E
B6B69C

Deuteranopia

C8D27C
C9D089
B7BA98
B3B49F
B6B79D

Tritanopia

F57A79
E88989
C4999A
B7A1A2
BAA1A2

Achromatopsia

9C9C9C
A8A8A8
AAAAAA
ADADAD
B0B0B0

Shades & Tints Shades & Tints

#FC7181

Dark
Light

#ED8C87

Dark
Light

#C69F95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc7181;
  --color-2: #ed8c87;
  --color-3: #c69f95;
  --color-4: #b8ab9a;
  --color-5: #bab095;
}

SCSS

$color-1: #fc7181;
$color-2: #ed8c87;
$color-3: #c69f95;
$color-4: #b8ab9a;
$color-5: #bab095;

TAILWIND

colors: {
  'brand-1': '#fc7181',
  'brand-2': '#ed8c87',
  'brand-3': '#c69f95',
  'brand-4': '#b8ab9a',
  'brand-5': '#bab095',
}

RGB Array

[252, 113, 129], [237, 140, 135], [198, 159, 149], [184, 171, 154], [186, 176, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC7181, #ED8C87, #C69F95, #B8AB9A, #BAB095 is ideal for: health products, baby brands, fresh-style blogs. 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: #fc7181; --color-2: #ed8c87; --color-3: #c69f95; --color-4: #b8ab9a; --color-5: #bab095. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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