← Back to Editor

#485260 · #CF6982 · #C27888 · #B2898E · #A69992

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

#485260

Indigo · DarkSlateGray · Prussian Blue

HEX
#485260
RGB
rgb(72, 82, 96)
HSL
hsl(215, 14%, 33%)
HSB
hsb(215, 25%, 38%)
CMYK
cmyk(25%, 15%, 0%, 62%)
Oklch
oklch(43.5% 0.026 256.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#CF6982

Peach Pink · LightCoral · Coral Red

HEX
#CF6982
RGB
rgb(207, 105, 130)
HSL
hsl(345, 52%, 61%)
HSB
hsb(345, 49%, 81%)
CMYK
cmyk(0%, 49%, 37%, 19%)
Oklch
oklch(64.7% 0.131 5.9)

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

#C27888

Peach Pink · LightCoral · Coral Red

HEX
#C27888
RGB
rgb(194, 120, 136)
HSL
hsl(347, 38%, 62%)
HSB
hsb(347, 38%, 76%)
CMYK
cmyk(0%, 38%, 30%, 24%)
Oklch
oklch(65.6% 0.094 6.0)

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

#B2898E

Peach Pink · DarkGray · Coral Red

HEX
#B2898E
RGB
rgb(178, 137, 142)
HSL
hsl(353, 21%, 62%)
HSB
hsb(353, 23%, 70%)
CMYK
cmyk(0%, 23%, 20%, 30%)
Oklch
oklch(67.1% 0.050 10.3)

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

#A69992

Apricot · DarkGray · Warm Sun

HEX
#A69992
RGB
rgb(166, 153, 146)
HSL
hsl(21, 10%, 61%)
HSB
hsb(21, 12%, 65%)
CMYK
cmyk(0%, 8%, 12%, 35%)
Oklch
oklch(69.2% 0.018 50.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

485260
605648

Analogous

485E60
485260
4A4860

Triadic

485260
604852
526048

Split-Comp.

485260
604A48
5E6048

Tetradic

485260
60485E
605648
48604A

Contrast Matrix WCAG 2.1 Contrast

485260
CF6982
C27888
B2898E
A69992
—
2.3
Fail
2.4
Fail
2.6
Fail
2.9
Fail
2.3
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
2.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
2.6
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
2.9
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
7.9AAA
3.5AA Large
3.3AA Large
3.1AA Large
2.8Fail
Black BG
2.7Fail
6.0AA
6.3AA
6.9AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C5D
A3A27C
A2A184
A0A08D
A0A094

Deuteranopia

4C4B5C
A9B07B
A6AC83
A3A68D
A1A294

Tritanopia

485A59
CA7776
BE8180
B08C8C
A59595

Achromatopsia

515151
8A8A8A
909090
969696
9C9C9C

Shades & Tints Shades & Tints

#485260

Dark
Light

#CF6982

Dark
Light

#C27888

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #485260;
  --color-2: #cf6982;
  --color-3: #c27888;
  --color-4: #b2898e;
  --color-5: #a69992;
}

SCSS

$color-1: #485260;
$color-2: #cf6982;
$color-3: #c27888;
$color-4: #b2898e;
$color-5: #a69992;

TAILWIND

colors: {
  'brand-1': '#485260',
  'brand-2': '#cf6982',
  'brand-3': '#c27888',
  'brand-4': '#b2898e',
  'brand-5': '#a69992',
}

RGB Array

[72, 82, 96], [207, 105, 130], [194, 120, 136], [178, 137, 142], [166, 153, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #485260, #CF6982, #C27888, #B2898E, #A69992 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: #485260; --color-2: #cf6982; --color-3: #c27888; --color-4: #b2898e; --color-5: #a69992. 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