← Back to Editor

#FBEFF3 · #D9C4CD · #BA82A5 · #7092AD · #395676

space

A 5-color space 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

#FBEFF3

Rouge · SeaShell · Cherry Blossom

HEX
#FBEFF3
RGB
rgb(251, 239, 243)
HSL
hsl(340, 60%, 96%)
HSB
hsb(340, 5%, 98%)
CMYK
cmyk(0%, 5%, 3%, 2%)
Oklch
oklch(96.3% 0.014 355.0)

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

#D9C4CD

Rouge · LightGray · Cherry Blossom

HEX
#D9C4CD
RGB
rgb(217, 196, 205)
HSL
hsl(334, 22%, 81%)
HSB
hsb(334, 10%, 85%)
CMYK
cmyk(0%, 10%, 6%, 15%)
Oklch
oklch(84.0% 0.026 349.9)

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

#BA82A5

Mauve · DarkGray · Rose Pink

HEX
#BA82A5
RGB
rgb(186, 130, 165)
HSL
hsl(323, 29%, 62%)
HSB
hsb(323, 30%, 73%)
CMYK
cmyk(0%, 30%, 11%, 27%)
Oklch
oklch(67.3% 0.083 341.6)

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

#7092AD

Slate Blue · LightSlateGray · Navy Blue

HEX
#7092AD
RGB
rgb(112, 146, 173)
HSL
hsl(207, 27%, 56%)
HSB
hsb(207, 35%, 68%)
CMYK
cmyk(35%, 16%, 0%, 32%)
Oklch
oklch(64.4% 0.056 242.6)

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

#395676

Indigo · DarkSlateBlue · Prussian Blue

HEX
#395676
RGB
rgb(57, 86, 118)
HSL
hsl(211, 35%, 34%)
HSB
hsb(211, 52%, 46%)
CMYK
cmyk(52%, 27%, 0%, 54%)
Oklch
oklch(44.5% 0.063 251.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBEFF3
EFFBF7

Analogous

FBEFF9
FBEFF3
FBF1EF

Triadic

FBEFF3
F3FBEF
EFF3FB

Split-Comp.

FBEFF3
EFFBF1
EFF9FB

Tetradic

FBEFF3
F9FBEF
EFFBF7
F1EFFB

Contrast Matrix WCAG 2.1 Contrast

FBEFF3
D9C4CD
BA82A5
7092AD
395676
—
1.5
Fail
2.7
Fail
2.9
Fail
6.8
AA
1.5
Fail
—
1.9
Fail
2.0
Fail
4.6
AA
2.7
Fail
1.9
Fail
—
1.1
Fail
2.5
Fail
2.9
Fail
2.0
Fail
1.1
Fail
—
2.3
Fail
6.8
AA
4.6
AA
2.5
Fail
2.3
Fail
—
White BG
1.1Fail
1.6Fail
3.1AA Large
3.3AA Large
7.6AAA
Black BG
18.7AAA
12.7AAA
6.8AA
6.4AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6F2
D0D0CB
A2A19D
7F7FA6
46466E

Deuteranopia

F7F7F2
D1D3CA
A5A99B
7D7AA5
44426C

Tritanopia

FAF1F1
D8C9C9
B79694
72A1A0
3A6867

Achromatopsia

F3F3F3
CBCBCB
979797
8B8B8B
515151

Shades & Tints Shades & Tints

#FBEFF3

Dark
Light

#D9C4CD

Dark
Light

#BA82A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbeff3;
  --color-2: #d9c4cd;
  --color-3: #ba82a5;
  --color-4: #7092ad;
  --color-5: #395676;
}

SCSS

$color-1: #fbeff3;
$color-2: #d9c4cd;
$color-3: #ba82a5;
$color-4: #7092ad;
$color-5: #395676;

TAILWIND

colors: {
  'brand-1': '#fbeff3',
  'brand-2': '#d9c4cd',
  'brand-3': '#ba82a5',
  'brand-4': '#7092ad',
  'brand-5': '#395676',
}

RGB Array

[251, 239, 243], [217, 196, 205], [186, 130, 165], [112, 146, 173], [57, 86, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FBEFF3, #D9C4CD, #BA82A5, #7092AD, #395676 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: #fbeff3; --color-2: #d9c4cd; --color-3: #ba82a5; --color-4: #7092ad; --color-5: #395676. 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 space-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