← Back to Editor

#C59185 · #D7808A · #B98298 · #888188 · #99898E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C59185

Peach Pink · DarkSalmon · Coral Red

HEX
#C59185
RGB
rgb(197, 145, 133)
HSL
hsl(11, 36%, 65%)
HSB
hsb(11, 32%, 77%)
CMYK
cmyk(0%, 26%, 32%, 23%)
Oklch
oklch(70.4% 0.066 33.4)

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

#D7808A

Peach Pink · LightCoral · Coral Red

HEX
#D7808A
RGB
rgb(215, 128, 138)
HSL
hsl(353, 52%, 67%)
HSB
hsb(353, 40%, 84%)
CMYK
cmyk(0%, 40%, 36%, 16%)
Oklch
oklch(69.5% 0.108 12.9)

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

#B98298

Rouge · DarkGray · Rose Pink

HEX
#B98298
RGB
rgb(185, 130, 152)
HSL
hsl(336, 28%, 62%)
HSB
hsb(336, 30%, 73%)
CMYK
cmyk(0%, 30%, 18%, 27%)
Oklch
oklch(66.8% 0.074 353.6)

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

#888188

Ash · Gray · Warm Gray

HEX
#888188
RGB
rgb(136, 129, 136)
HSL
hsl(300, 3%, 52%)
HSB
hsb(300, 5%, 53%)
CMYK
cmyk(0%, 5%, 0%, 47%)
Oklch
oklch(61.2% 0.013 325.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#99898E

Ash · Gray · Silver Sand

HEX
#99898E
RGB
rgb(153, 137, 142)
HSL
hsl(341, 7%, 57%)
HSB
hsb(341, 10%, 60%)
CMYK
cmyk(0%, 10%, 7%, 40%)
Oklch
oklch(64.6% 0.020 356.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C59185
86BAC6

Analogous

C6869A
C59185
C6B286

Triadic

C59185
86C691
9186C6

Split-Comp.

C59185
86C6B2
869AC6

Tetradic

C59185
9AC686
86BAC6
B286C6

Contrast Matrix WCAG 2.1 Contrast

C59185
D7808A
B98298
888188
99898E
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
2.7Fail
2.9Fail
3.1AA Large
3.8AA Large
3.3AA Large
Black BG
7.8AAA
7.3AAA
6.7AA
5.5AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE88
B1B188
A1A193
858586
92928D

Deuteranopia

B2B589
B6BD87
A4A991
858686
93948D

Tritanopia

C28A8B
D38685
B68E8E
888585
988C8C

Achromatopsia

9F9F9F
9B9B9B
959595
848484
8E8E8E

Shades & Tints Shades & Tints

#C59185

Dark
Light

#D7808A

Dark
Light

#B98298

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c59185;
  --color-2: #d7808a;
  --color-3: #b98298;
  --color-4: #888188;
  --color-5: #99898e;
}

SCSS

$color-1: #c59185;
$color-2: #d7808a;
$color-3: #b98298;
$color-4: #888188;
$color-5: #99898e;

TAILWIND

colors: {
  'brand-1': '#c59185',
  'brand-2': '#d7808a',
  'brand-3': '#b98298',
  'brand-4': '#888188',
  'brand-5': '#99898e',
}

RGB Array

[197, 145, 133], [215, 128, 138], [185, 130, 152], [136, 129, 136], [153, 137, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C59185, #D7808A, #B98298, #888188, #99898E is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c59185; --color-2: #d7808a; --color-3: #b98298; --color-4: #888188; --color-5: #99898e. 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. Restrained colors convey professionalism and trust. 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