← Back to Editor

#EFEFE7 · #BEC9C3 · #B3A6AD · #A06279 · #BE1244

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EFEFE7

Fresh Green · Linen · Lemon Cream

HEX
#EFEFE7
RGB
rgb(239, 239, 231)
HSL
hsl(60, 20%, 92%)
HSB
hsb(60, 3%, 94%)
CMYK
cmyk(0%, 0%, 3%, 6%)
Oklch
oklch(95.0% 0.011 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#BEC9C3

Celadon · Silver · Pearl Gray

HEX
#BEC9C3
RGB
rgb(190, 201, 195)
HSL
hsl(147, 9%, 77%)
HSB
hsb(147, 5%, 79%)
CMYK
cmyk(5%, 0%, 3%, 21%)
Oklch
oklch(82.6% 0.015 162.4)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#B3A6AD

Mauve · DarkGray · Silver Sand

HEX
#B3A6AD
RGB
rgb(179, 166, 173)
HSL
hsl(328, 8%, 68%)
HSB
hsb(328, 7%, 70%)
CMYK
cmyk(0%, 7%, 3%, 30%)
Oklch
oklch(73.8% 0.018 343.8)

Traditional「Mauve」· Paint「Silver Sand」· Creative Urban Concrete

#A06279

Dark Violet · Gray · Rose Pink

HEX
#A06279
RGB
rgb(160, 98, 121)
HSL
hsl(338, 25%, 51%)
HSB
hsb(338, 39%, 63%)
CMYK
cmyk(0%, 39%, 24%, 37%)
Oklch
oklch(57.1% 0.085 356.4)

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

#BE1244

Dark Violet · Crimson · Camellia

HEX
#BE1244
RGB
rgb(190, 18, 68)
HSL
hsl(343, 83%, 41%)
HSB
hsb(343, 91%, 75%)
CMYK
cmyk(0%, 91%, 64%, 25%)
Oklch
oklch(51.6% 0.198 13.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEFE7
E7E7EF

Analogous

EFEBE7
EFEFE7
EBEFE7

Triadic

EFEFE7
E7EFEF
EFE7EF

Split-Comp.

EFEFE7
E7EBEF
EBE7EF

Tetradic

EFEFE7
E7EFEB
E7E7EF
EFE7EB

Contrast Matrix WCAG 2.1 Contrast

EFEFE7
BEC9C3
B3A6AD
A06279
BE1244
—
1.5
Fail
2.0
Fail
4.0
AA Large
5.4
AA
1.5
Fail
—
1.4
Fail
2.7
Fail
3.7
AA Large
2.0
Fail
1.4
Fail
—
2.0
Fail
2.7
Fail
4.0
AA Large
2.7
Fail
2.0
Fail
—
1.3
Fail
5.4
AA
3.7
AA Large
2.7
Fail
1.3
Fail
—
White BG
1.2Fail
1.7Fail
2.3Fail
4.6AA
6.3AA
Black BG
18.2AAA
12.3AAA
9.0AAA
4.5AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE9
C3C3C4
ADADAB
858573
747238

Deuteranopia

EFEFE9
C2C1C5
AEAFAB
898D72
7E8A35

Tritanopia

EFEAEB
BFC6C6
B2AAAA
9D6F6E
B52E2C

Achromatopsia

EEEEEE
C5C5C5
ABABAB
777777
4B4B4B

Shades & Tints Shades & Tints

#EFEFE7

Dark
Light

#BEC9C3

Dark
Light

#B3A6AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efefe7;
  --color-2: #bec9c3;
  --color-3: #b3a6ad;
  --color-4: #a06279;
  --color-5: #be1244;
}

SCSS

$color-1: #efefe7;
$color-2: #bec9c3;
$color-3: #b3a6ad;
$color-4: #a06279;
$color-5: #be1244;

TAILWIND

colors: {
  'brand-1': '#efefe7',
  'brand-2': '#bec9c3',
  'brand-3': '#b3a6ad',
  'brand-4': '#a06279',
  'brand-5': '#be1244',
}

RGB Array

[239, 239, 231], [190, 201, 195], [179, 166, 173], [160, 98, 121], [190, 18, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEFE7, #BEC9C3, #B3A6AD, #A06279, #BE1244 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #efefe7; --color-2: #bec9c3; --color-3: #b3a6ad; --color-4: #a06279; --color-5: #be1244. 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 general-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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