#B3428A + #CC6488 + #DEA295 + #DECF97 + #A6BFC8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B3428A

Rose Purple · MediumVioletRed · Camellia

HEX

#B3428A

RGB

rgb(179, 66, 138)

HSL

hsl(322, 46%, 48%)

HSB

hsb(322, 63%, 70%)

CMYK

cmyk(0%, 63%, 23%, 30%)

Oklch

oklch(55.7% 0.166 344.7)

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

#CC6488

Dark Violet · LightCoral · Rose Pink

HEX

#CC6488

RGB

rgb(204, 100, 136)

HSL

hsl(339, 50%, 60%)

HSB

hsb(339, 51%, 80%)

CMYK

cmyk(0%, 51%, 33%, 20%)

Oklch

oklch(63.7% 0.137 359.8)

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

#DEA295

Peach Pink · Tan · Coral Red

HEX

#DEA295

RGB

rgb(222, 162, 149)

HSL

hsl(11, 53%, 73%)

HSB

hsb(11, 33%, 87%)

CMYK

cmyk(0%, 27%, 33%, 13%)

Oklch

oklch(76.6% 0.074 32.5)

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

#DECF97

Goose Yellow · BurlyWood · Sunflower

HEX

#DECF97

RGB

rgb(222, 207, 151)

HSL

hsl(47, 52%, 73%)

HSB

hsb(47, 32%, 87%)

CMYK

cmyk(0%, 7%, 32%, 13%)

Oklch

oklch(85.3% 0.075 94.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#A6BFC8

Sky Blue · LightSteelBlue · Lake Green

HEX

#A6BFC8

RGB

rgb(166, 191, 200)

HSL

hsl(196, 24%, 72%)

HSB

hsb(196, 17%, 78%)

CMYK

cmyk(17%, 4%, 0%, 22%)

Oklch

oklch(78.9% 0.030 221.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3428A

42B36B

Analogous

A442B3

B3428A

B34251

Triadic

B3428A

89B342

4289B3

Split-Comp.

B3428A

51B342

42B3A4

Tetradic

B3428A

B3A442

42B36B

4251B3

Contrast Matrix WCAG 2.1 Contrast

B3428A	CC6488	DEA295	DECF97	A6BFC8
—	1.4 Fail	2.4 Fail	3.3 AA Large	2.7 Fail
1.4 Fail	—	1.7 Fail	2.3 Fail	1.9 Fail
2.4 Fail	1.7 Fail	—	1.4 Fail	1.1 Fail
3.3 AA Large	2.3 Fail	1.4 Fail	—	1.2 Fail
2.7 Fail	1.9 Fail	1.1 Fail	1.2 Fail	—

White BG

5.2AA

3.7AA Large

2.2Fail

1.6Fail

1.9Fail

Black BG

4.1AA Large

5.7AA

9.7AAA

13.5AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

828179

9F9E7F

C4C398

D8D7A5

B1B1C6

Deuteranopia

899174

A5AD7D

C8CC99

D8D9A8

AFAEC5

Tritanopia

AD6B68

C77877

DB9B9B

DDAFB2

A7C4C4

Achromatopsia

6C6C6C

878787

B2B2B2

CDCDCD

B9B9B9

Shades & Tints Shades & Tints

#B3428A

Dark

Light

#CC6488

Dark

Light

#DEA295

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3428a;
  --color-2: #cc6488;
  --color-3: #dea295;
  --color-4: #decf97;
  --color-5: #a6bfc8;
}

SCSS

$color-1: #b3428a;
$color-2: #cc6488;
$color-3: #dea295;
$color-4: #decf97;
$color-5: #a6bfc8;

TAILWIND

colors: {
  'brand-1': '#b3428a',
  'brand-2': '#cc6488',
  'brand-3': '#dea295',
  'brand-4': '#decf97',
  'brand-5': '#a6bfc8',
}

RGB Array

[179, 66, 138], [204, 100, 136], [222, 162, 149], [222, 207, 151], [166, 191, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3428A, #CC6488, #DEA295, #DECF97, #A6BFC8 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: #b3428a; --color-2: #cc6488; --color-3: #dea295; --color-4: #decf97; --color-5: #a6bfc8. 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