#A3918C + #F39B9B + #FAD2B0 + #ECE6C5 + #B8C6B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A3918C

Crimson · DarkGray · Passion Red

HEX

#A3918C

RGB

rgb(163, 145, 140)

HSL

hsl(13, 11%, 59%)

HSB

hsb(13, 14%, 64%)

CMYK

cmyk(0%, 11%, 14%, 36%)

Oklch

oklch(67.1% 0.023 36.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F39B9B

Peach Pink · DarkSalmon · Coral Red

HEX

#F39B9B

RGB

rgb(243, 155, 155)

HSL

hsl(0, 79%, 78%)

HSB

hsb(0, 36%, 95%)

CMYK

cmyk(0%, 36%, 36%, 5%)

Oklch

oklch(77.8% 0.106 19.7)

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

#FAD2B0

Apricot · Wheat · Peach Orange

HEX

#FAD2B0

RGB

rgb(250, 210, 176)

HSL

hsl(28, 88%, 84%)

HSB

hsb(28, 30%, 98%)

CMYK

cmyk(0%, 16%, 30%, 2%)

Oklch

oklch(88.9% 0.064 62.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#ECE6C5

Fresh Green · Bisque · Lemon Cream

HEX

#ECE6C5

RGB

rgb(236, 230, 197)

HSL

hsl(51, 51%, 85%)

HSB

hsb(51, 17%, 93%)

CMYK

cmyk(0%, 3%, 17%, 7%)

Oklch

oklch(92.1% 0.044 98.7)

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

#B8C6B8

Celadon · Silver · Apple Green

HEX

#B8C6B8

RGB

rgb(184, 198, 184)

HSL

hsl(120, 11%, 75%)

HSB

hsb(120, 7%, 78%)

CMYK

cmyk(7%, 0%, 7%, 22%)

Oklch

oklch(81.2% 0.025 145.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3918C

8B9DA2

Analogous

A28B91

A3918C

A29B8B

Triadic

A3918C

8BA290

908BA2

Split-Comp.

A3918C

8BA29B

8B91A2

Tetradic

A3918C

91A28B

8B9DA2

9B8BA2

Contrast Matrix WCAG 2.1 Contrast

A3918C	F39B9B	FAD2B0	ECE6C5	B8C6B8
—	1.4 Fail	2.1 Fail	2.4 Fail	1.7 Fail
1.4 Fail	—	1.5 Fail	1.7 Fail	1.2 Fail
2.1 Fail	1.5 Fail	—	1.1 Fail	1.3 Fail
2.4 Fail	1.7 Fail	1.1 Fail	—	1.4 Fail
1.7 Fail	1.2 Fail	1.3 Fail	1.4 Fail	—

White BG

3.0AA Large

2.1Fail

1.4Fail

1.3Fail

1.8Fail

Black BG

7.0AA

10.0AAA

14.9AAA

16.7AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B8D

CDCC9B

E9E8B8

E9E9CD

BEBEBB

Deuteranopia

9C9E8E

D2D99B

EBEEBA

EAEACF

BDBCBC

Tritanopia

A28E8E

EF9B9B

F8BFC0

ECD3D5

B9BEBF

Achromatopsia

969696

B5B5B5

DADADA

E4E4E4

C0C0C0

Shades & Tints Shades & Tints

#A3918C

Dark

Light

#F39B9B

Dark

Light

#FAD2B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3918c;
  --color-2: #f39b9b;
  --color-3: #fad2b0;
  --color-4: #ece6c5;
  --color-5: #b8c6b8;
}

SCSS

$color-1: #a3918c;
$color-2: #f39b9b;
$color-3: #fad2b0;
$color-4: #ece6c5;
$color-5: #b8c6b8;

TAILWIND

colors: {
  'brand-1': '#a3918c',
  'brand-2': '#f39b9b',
  'brand-3': '#fad2b0',
  'brand-4': '#ece6c5',
  'brand-5': '#b8c6b8',
}

RGB Array

[163, 145, 140], [243, 155, 155], [250, 210, 176], [236, 230, 197], [184, 198, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3918C, #F39B9B, #FAD2B0, #ECE6C5, #B8C6B8 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: #a3918c; --color-2: #f39b9b; --color-3: #fad2b0; --color-4: #ece6c5; --color-5: #b8c6b8. 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