← Back to Editor

#B18989 · #0C0404 · #010137 · #FBD3EC · #FFE9FC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#B18989

Peach Pink · DarkGray · Coral Red

HEX
#B18989
RGB
rgb(177, 137, 137)
HSL
hsl(0, 20%, 62%)
HSB
hsb(0, 23%, 69%)
CMYK
cmyk(0%, 23%, 23%, 31%)
Oklch
oklch(66.8% 0.049 18.5)

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

#0C0404

Crimson · Black · Deep Berry

HEX
#0C0404
RGB
rgb(12, 4, 4)
HSL
hsl(0, 50%, 3%)
HSB
hsb(0, 67%, 5%)
CMYK
cmyk(0%, 67%, 67%, 95%)
Oklch
oklch(12.2% 0.018 20.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#010137

Deep Indigo · Black · Deep Sea Blue

HEX
#010137
RGB
rgb(1, 1, 55)
HSL
hsl(240, 96%, 11%)
HSB
hsb(240, 98%, 22%)
CMYK
cmyk(98%, 98%, 0%, 78%)
Oklch
oklch(15.6% 0.103 265.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FBD3EC

Mauve · Linen · Cherry Blossom

HEX
#FBD3EC
RGB
rgb(251, 211, 236)
HSL
hsl(322, 83%, 91%)
HSB
hsb(322, 16%, 98%)
CMYK
cmyk(0%, 16%, 6%, 2%)
Oklch
oklch(90.8% 0.055 340.4)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#FFE9FC

Mauve · Snow · Lavender

HEX
#FFE9FC
RGB
rgb(255, 233, 252)
HSL
hsl(308, 100%, 96%)
HSB
hsb(308, 9%, 100%)
CMYK
cmyk(0%, 9%, 1%, 0%)
Oklch
oklch(95.7% 0.034 330.2)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B18989
8BB1B1

Analogous

B18B9E
B18989
B19E8B

Triadic

B18989
8BB18B
8B8BB1

Split-Comp.

B18989
8BB19E
8B9EB1

Tetradic

B18989
9EB18B
8BB1B1
9E8BB1

Contrast Matrix WCAG 2.1 Contrast

B18989
0C0404
010137
FBD3EC
FFE9FC
—
6.6
AA
6.4
AA
2.3
Fail
2.7
Fail
6.6
AA
—
1.0
Fail
15.1
AAA
17.7
AAA
6.4
AA
1.0
Fail
—
14.7
AAA
17.3
AAA
2.3
Fail
15.1
AAA
14.7
AAA
—
1.2
Fail
2.7
Fail
17.7
AAA
17.3
AAA
1.2
Fail
—
White BG
3.1AA Large
20.3AAA
19.8AAA
1.3Fail
1.1Fail
Black BG
6.8AA
1.0Fail
1.1Fail
15.6AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F89
090804
01012A
EAE9E6
F5F5F7

Deuteranopia

A2A589
090A04
010127
ECEFE5
F7F8F6

Tritanopia

AF8989
0C0404
01201D
F9E1E0
FEF4F3

Achromatopsia

959595
060606
070707
E2E2E2
F2F2F2

Shades & Tints Shades & Tints

#B18989

Dark
Light

#0C0404

Dark
Light

#010137

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b18989;
  --color-2: #0c0404;
  --color-3: #010137;
  --color-4: #fbd3ec;
  --color-5: #ffe9fc;
}

SCSS

$color-1: #b18989;
$color-2: #0c0404;
$color-3: #010137;
$color-4: #fbd3ec;
$color-5: #ffe9fc;

TAILWIND

colors: {
  'brand-1': '#b18989',
  'brand-2': '#0c0404',
  'brand-3': '#010137',
  'brand-4': '#fbd3ec',
  'brand-5': '#ffe9fc',
}

RGB Array

[177, 137, 137], [12, 4, 4], [1, 1, 55], [251, 211, 236], [255, 233, 252]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B18989, #0C0404, #010137, #FBD3EC, #FFE9FC is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b18989; --color-2: #0c0404; --color-3: #010137; --color-4: #fbd3ec; --color-5: #ffe9fc. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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