← Back to Editor

#B88DA0 · #E6AAAA · #041C0C · #8DB8B0 · #F2BFA0

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

#B88DA0

Rouge · DarkGray · Rose Pink

HEX
#B88DA0
RGB
rgb(184, 141, 160)
HSL
hsl(333, 23%, 64%)
HSB
hsb(333, 23%, 72%)
CMYK
cmyk(0%, 23%, 13%, 28%)
Oklch
oklch(69.0% 0.058 350.5)

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

#E6AAAA

Peach Pink · LightPink · Coral Red

HEX
#E6AAAA
RGB
rgb(230, 170, 170)
HSL
hsl(0, 55%, 78%)
HSB
hsb(0, 26%, 90%)
CMYK
cmyk(0%, 26%, 26%, 10%)
Oklch
oklch(79.4% 0.071 18.8)

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

#041C0C

Pine Green · Black · Dark Green

HEX
#041C0C
RGB
rgb(4, 28, 12)
HSL
hsl(140, 75%, 6%)
HSB
hsb(140, 86%, 11%)
CMYK
cmyk(86%, 0%, 57%, 89%)
Oklch
oklch(20.2% 0.044 152.4)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#8DB8B0

Jade · DarkGray · Lake Green

HEX
#8DB8B0
RGB
rgb(141, 184, 176)
HSL
hsl(169, 23%, 64%)
HSB
hsb(169, 23%, 72%)
CMYK
cmyk(23%, 0%, 4%, 28%)
Oklch
oklch(74.9% 0.047 182.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#F2BFA0

Apricot · BurlyWood · Peach Orange

HEX
#F2BFA0
RGB
rgb(242, 191, 160)
HSL
hsl(23, 76%, 79%)
HSB
hsb(23, 34%, 95%)
CMYK
cmyk(0%, 21%, 34%, 5%)
Oklch
oklch(84.2% 0.072 52.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B88DA0
8EB8A5

Analogous

B88EB6
B88DA0
B8908E

Triadic

B88DA0
A1B88E
8EA1B8

Split-Comp.

B88DA0
8EB890
8EB6B8

Tetradic

B88DA0
B6B88E
8EB8A5
908EB8

Contrast Matrix WCAG 2.1 Contrast

B88DA0
E6AAAA
041C0C
8DB8B0
F2BFA0
—
1.5
Fail
6.3
AA
1.3
Fail
1.7
Fail
1.5
Fail
—
9.1
AAA
1.1
Fail
1.2
Fail
6.3
AA
9.1
AAA
—
8.2
AAA
10.8
AAA
1.3
Fail
1.1
Fail
8.2
AAA
—
1.3
Fail
1.7
Fail
1.2
Fail
10.8
AAA
1.3
Fail
—
White BG
2.9Fail
2.0Fail
17.8AAA
2.2Fail
1.6Fail
Black BG
7.4AAA
10.7AAA
1.2Fail
9.6AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A59B
CCCBAA
0E0F10
A0A0B2
DCDBA8

Deuteranopia

A8AB9A
D0D4AA
0D0B11
9D9AB2
DFE3A9

Tritanopia

B69897
E3AAAA
051314
8FB3B4
EFADAF

Achromatopsia

9C9C9C
BCBCBC
131313
AAAAAA
CBCBCB

Shades & Tints Shades & Tints

#B88DA0

Dark
Light

#E6AAAA

Dark
Light

#041C0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b88da0;
  --color-2: #e6aaaa;
  --color-3: #041c0c;
  --color-4: #8db8b0;
  --color-5: #f2bfa0;
}

SCSS

$color-1: #b88da0;
$color-2: #e6aaaa;
$color-3: #041c0c;
$color-4: #8db8b0;
$color-5: #f2bfa0;

TAILWIND

colors: {
  'brand-1': '#b88da0',
  'brand-2': '#e6aaaa',
  'brand-3': '#041c0c',
  'brand-4': '#8db8b0',
  'brand-5': '#f2bfa0',
}

RGB Array

[184, 141, 160], [230, 170, 170], [4, 28, 12], [141, 184, 176], [242, 191, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B88DA0, #E6AAAA, #041C0C, #8DB8B0, #F2BFA0 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: #b88da0; --color-2: #e6aaaa; --color-3: #041c0c; --color-4: #8db8b0; --color-5: #f2bfa0. 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