← Back to Editor

#51597D · #B06B8E · #FA759F · #EDB1AB · #E6D1C1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#51597D

Indigo · DarkSlateBlue · Prussian Blue

HEX
#51597D
RGB
rgb(81, 89, 125)
HSL
hsl(229, 21%, 40%)
HSB
hsb(229, 35%, 49%)
CMYK
cmyk(35%, 29%, 0%, 51%)
Oklch
oklch(47.2% 0.059 274.3)

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

#B06B8E

Dark Violet · Gray · Rose Pink

HEX
#B06B8E
RGB
rgb(176, 107, 142)
HSL
hsl(330, 30%, 55%)
HSB
hsb(330, 39%, 69%)
CMYK
cmyk(0%, 39%, 19%, 31%)
Oklch
oklch(61.4% 0.098 348.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FA759F

Rouge · LightCoral · Rose Pink

HEX
#FA759F
RGB
rgb(250, 117, 159)
HSL
hsl(341, 93%, 72%)
HSB
hsb(341, 53%, 98%)
CMYK
cmyk(0%, 53%, 36%, 2%)
Oklch
oklch(73.0% 0.167 2.2)

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

#EDB1AB

Peach Pink · LightPink · Coral Red

HEX
#EDB1AB
RGB
rgb(237, 177, 171)
HSL
hsl(5, 65%, 80%)
HSB
hsb(5, 28%, 93%)
CMYK
cmyk(0%, 25%, 28%, 7%)
Oklch
oklch(81.4% 0.071 25.2)

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

#E6D1C1

Apricot · Wheat · Peach Orange

HEX
#E6D1C1
RGB
rgb(230, 209, 193)
HSL
hsl(26, 43%, 83%)
HSB
hsb(26, 16%, 90%)
CMYK
cmyk(0%, 9%, 16%, 10%)
Oklch
oklch(87.4% 0.032 59.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

51597D
7B7451

Analogous

516E7B
51597D
5E517B

Triadic

51597D
7B5158
587B51

Split-Comp.

51597D
7B5E51
6E7B51

Tetradic

51597D
7B516E
7B7451
517B5E

Contrast Matrix WCAG 2.1 Contrast

51597D
B06B8E
FA759F
EDB1AB
E6D1C1
—
1.7
Fail
2.6
Fail
3.7
AA Large
4.6
AA
1.7
Fail
—
1.5
Fail
2.1
Fail
2.7
Fail
2.6
Fail
1.5
Fail
—
1.4
Fail
1.8
Fail
3.7
AA Large
2.1
Fail
1.4
Fail
—
1.2
Fail
4.6
AA
2.7
Fail
1.8
Fail
1.2
Fail
—
White BG
6.8AA
3.9AA Large
2.6Fail
1.8Fail
1.5Fail
Black BG
3.1AA Large
5.3AA
8.1AAA
11.5AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545574
929286
C0BF95
D3D2AC
DDDDC5

Deuteranopia

545372
969B84
C8D292
D7DBAD
DEE0C6

Tritanopia

516D6C
AD7F7D
F38D8B
EAAEAE
E5C8C9

Achromatopsia

5B5B5B
848484
A2A2A2
C2C2C2
D5D5D5

Shades & Tints Shades & Tints

#51597D

Dark
Light

#B06B8E

Dark
Light

#FA759F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #51597d;
  --color-2: #b06b8e;
  --color-3: #fa759f;
  --color-4: #edb1ab;
  --color-5: #e6d1c1;
}

SCSS

$color-1: #51597d;
$color-2: #b06b8e;
$color-3: #fa759f;
$color-4: #edb1ab;
$color-5: #e6d1c1;

TAILWIND

colors: {
  'brand-1': '#51597d',
  'brand-2': '#b06b8e',
  'brand-3': '#fa759f',
  'brand-4': '#edb1ab',
  'brand-5': '#e6d1c1',
}

RGB Array

[81, 89, 125], [176, 107, 142], [250, 117, 159], [237, 177, 171], [230, 209, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #51597D, #B06B8E, #FA759F, #EDB1AB, #E6D1C1 is ideal for: health products, baby brands, fresh-style blogs, 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: #51597d; --color-2: #b06b8e; --color-3: #fa759f; --color-4: #edb1ab; --color-5: #e6d1c1. 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. 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