← Back to Editor

#B37F80 · #FC8972 · #CFC6CB · #65719F · #474E66

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

#B37F80

Crimson · Gray · Passion Red

HEX
#B37F80
RGB
rgb(179, 127, 128)
HSL
hsl(359, 25%, 60%)
HSB
hsb(359, 29%, 70%)
CMYK
cmyk(0%, 29%, 28%, 30%)
Oklch
oklch(64.9% 0.065 17.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FC8972

Peach Pink · Salmon · Coral Red

HEX
#FC8972
RGB
rgb(252, 137, 114)
HSL
hsl(10, 96%, 72%)
HSB
hsb(10, 55%, 99%)
CMYK
cmyk(0%, 46%, 55%, 1%)
Oklch
oklch(75.1% 0.145 32.5)

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

#CFC6CB

Mauve · LightGray · Pearl Gray

HEX
#CFC6CB
RGB
rgb(207, 198, 203)
HSL
hsl(327, 9%, 79%)
HSB
hsb(327, 4%, 81%)
CMYK
cmyk(0%, 4%, 2%, 19%)
Oklch
oklch(83.5% 0.012 342.7)

Traditional「Mauve」· Paint「Pearl Gray」· Creative Silver Lining

#65719F

Azure · SlateGray · Navy Blue

HEX
#65719F
RGB
rgb(101, 113, 159)
HSL
hsl(228, 23%, 51%)
HSB
hsb(228, 36%, 62%)
CMYK
cmyk(36%, 29%, 0%, 38%)
Oklch
oklch(55.7% 0.073 272.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#474E66

Indigo · DarkSlateGray · Prussian Blue

HEX
#474E66
RGB
rgb(71, 78, 102)
HSL
hsl(226, 18%, 34%)
HSB
hsb(226, 30%, 40%)
CMYK
cmyk(30%, 24%, 0%, 60%)
Oklch
oklch(42.7% 0.041 271.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B37F80
80B3B2

Analogous

B3809A
B37F80
B39880

Triadic

B37F80
80B380
8080B3

Split-Comp.

B37F80
80B398
809AB3

Tetradic

B37F80
9AB380
80B3B2
9880B3

Contrast Matrix WCAG 2.1 Contrast

B37F80
FC8972
CFC6CB
65719F
474E66
—
1.4
Fail
2.0
Fail
1.4
Fail
2.5
Fail
1.4
Fail
—
1.4
Fail
2.0
Fail
3.5
AA Large
2.0
Fail
1.4
Fail
—
2.9
Fail
4.9
AA
1.4
Fail
2.0
Fail
2.9
Fail
—
1.7
Fail
2.5
Fail
3.5
AA Large
4.9
AA
1.7
Fail
—
White BG
3.4AA Large
2.3Fail
1.7Fail
4.8AA
8.2AAA
Black BG
6.3AA
9.0AAA
12.6AAA
4.4AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C80
CAC978
CBCBCA
6A6A94
4A4A60

Deuteranopia

A0A380
D1D979
CCCCCA
6A6991
4A495F

Tritanopia

B08080
F67C7D
CFC9C9
668B89
475C5B

Achromatopsia

8F8F8F
A9A9A9
C9C9C9
737373
4F4F4F

Shades & Tints Shades & Tints

#B37F80

Dark
Light

#FC8972

Dark
Light

#CFC6CB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b37f80;
  --color-2: #fc8972;
  --color-3: #cfc6cb;
  --color-4: #65719f;
  --color-5: #474e66;
}

SCSS

$color-1: #b37f80;
$color-2: #fc8972;
$color-3: #cfc6cb;
$color-4: #65719f;
$color-5: #474e66;

TAILWIND

colors: {
  'brand-1': '#b37f80',
  'brand-2': '#fc8972',
  'brand-3': '#cfc6cb',
  'brand-4': '#65719f',
  'brand-5': '#474e66',
}

RGB Array

[179, 127, 128], [252, 137, 114], [207, 198, 203], [101, 113, 159], [71, 78, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B37F80, #FC8972, #CFC6CB, #65719F, #474E66 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: #b37f80; --color-2: #fc8972; --color-3: #cfc6cb; --color-4: #65719f; --color-5: #474e66. 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