#BFEDEF + #CAC7DD + #D48FBF + #E04D9B + #E01C7A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFEDEF

Sky Blue · LightBlue · Glacier Blue

HEX

#BFEDEF

RGB

rgb(191, 237, 239)

HSL

hsl(183, 60%, 84%)

HSB

hsb(183, 20%, 94%)

CMYK

cmyk(20%, 1%, 0%, 6%)

Oklch

oklch(91.5% 0.047 199.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#CAC7DD

Wisteria · LightGray · Sky Blue

HEX

#CAC7DD

RGB

rgb(202, 199, 221)

HSL

hsl(248, 24%, 82%)

HSB

hsb(248, 10%, 87%)

CMYK

cmyk(9%, 10%, 0%, 13%)

Oklch

oklch(83.9% 0.031 292.0)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#D48FBF

Mauve · Orchid · Lilac Purple

HEX

#D48FBF

RGB

rgb(212, 143, 191)

HSL

hsl(318, 45%, 70%)

HSB

hsb(318, 33%, 83%)

CMYK

cmyk(0%, 33%, 10%, 17%)

Oklch

oklch(73.4% 0.104 338.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#E04D9B

Rose Purple · LightCoral · Rose Pink

HEX

#E04D9B

RGB

rgb(224, 77, 155)

HSL

hsl(328, 70%, 59%)

HSB

hsb(328, 66%, 88%)

CMYK

cmyk(0%, 66%, 31%, 12%)

Oklch

oklch(64.3% 0.197 351.3)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#E01C7A

Dark Violet · MediumVioletRed · Camellia

HEX

#E01C7A

RGB

rgb(224, 28, 122)

HSL

hsl(331, 78%, 49%)

HSB

hsb(331, 87%, 88%)

CMYK

cmyk(0%, 87%, 46%, 12%)

Oklch

oklch(59.6% 0.229 359.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFEDEF

EFC0BE

Analogous

BEEFD9

BFEDEF

BED4EF

Triadic

BFEDEF

EFBEEC

ECEFBE

Split-Comp.

BFEDEF

EFBED4

EFD9BE

Tetradic

BFEDEF

D9BEEF

EFC0BE

D4EFBE

Contrast Matrix WCAG 2.1 Contrast

BFEDEF	CAC7DD	D48FBF	E04D9B	E01C7A
—	1.3 Fail	2.0 Fail	2.9 Fail	3.6 AA Large
1.3 Fail	—	1.5 Fail	2.2 Fail	2.8 Fail
2.0 Fail	1.5 Fail	—	1.5 Fail	1.8 Fail
2.9 Fail	2.2 Fail	1.5 Fail	—	1.2 Fail
3.6 AA Large	2.8 Fail	1.8 Fail	1.2 Fail	—

White BG

1.3Fail

1.7Fail

2.5Fail

3.7AA Large

4.5AA

Black BG

16.6AAA

12.7AAA

8.5AAA

5.7AA

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3EF

C9C9D8

B6B6B3

A09F88

8B8963

Deuteranopia

D0CDEE

C9C9D6

BABFB1

A9B484

97A55E

Tritanopia

C1EEEE

CAD3D3

D1AAA8

D97976

D6514D

Achromatopsia

DFDFDF

CACACA

A9A9A9

828282

616161

Shades & Tints Shades & Tints

#BFEDEF

Dark

Light

#CAC7DD

Dark

Light

#D48FBF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfedef;
  --color-2: #cac7dd;
  --color-3: #d48fbf;
  --color-4: #e04d9b;
  --color-5: #e01c7a;
}

SCSS

$color-1: #bfedef;
$color-2: #cac7dd;
$color-3: #d48fbf;
$color-4: #e04d9b;
$color-5: #e01c7a;

TAILWIND

colors: {
  'brand-1': '#bfedef',
  'brand-2': '#cac7dd',
  'brand-3': '#d48fbf',
  'brand-4': '#e04d9b',
  'brand-5': '#e01c7a',
}

RGB Array

[191, 237, 239], [202, 199, 221], [212, 143, 191], [224, 77, 155], [224, 28, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFEDEF, #CAC7DD, #D48FBF, #E04D9B, #E01C7A is ideal for: health products, baby brands, fresh-style blogs. 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: #bfedef; --color-2: #cac7dd; --color-3: #d48fbf; --color-4: #e04d9b; --color-5: #e01c7a. 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. 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