#C7BEB6 + #A38E9F + #D9A2A9 + #F7AFAC + #F3D0BD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7BEB6

Apricot · Silver · Warm Sun

HEX

#C7BEB6

RGB

rgb(199, 190, 182)

HSL

hsl(28, 13%, 75%)

HSB

hsb(28, 9%, 78%)

CMYK

cmyk(0%, 5%, 9%, 22%)

Oklch

oklch(80.7% 0.015 64.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A38E9F

Rose Purple · DarkGray · Violet

HEX

#A38E9F

RGB

rgb(163, 142, 159)

HSL

hsl(311, 10%, 60%)

HSB

hsb(311, 13%, 64%)

CMYK

cmyk(0%, 13%, 2%, 36%)

Oklch

oklch(67.1% 0.035 332.4)

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

#D9A2A9

Peach Pink · Tan · Coral Red

HEX

#D9A2A9

RGB

rgb(217, 162, 169)

HSL

hsl(352, 42%, 74%)

HSB

hsb(352, 25%, 85%)

CMYK

cmyk(0%, 25%, 22%, 15%)

Oklch

oklch(76.6% 0.066 10.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F7AFAC

Peach Pink · LightPink · Cherry Blossom

HEX

#F7AFAC

RGB

rgb(247, 175, 172)

HSL

hsl(2, 82%, 82%)

HSB

hsb(2, 30%, 97%)

CMYK

cmyk(0%, 29%, 30%, 3%)

Oklch

oklch(82.1% 0.085 21.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F3D0BD

Apricot · Wheat · Peach Orange

HEX

#F3D0BD

RGB

rgb(243, 208, 189)

HSL

hsl(21, 69%, 85%)

HSB

hsb(21, 22%, 95%)

CMYK

cmyk(0%, 14%, 22%, 5%)

Oklch

oklch(88.2% 0.047 50.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7BEB6

B7C0C8

Analogous

C8B7B8

C7BEB6

C8C7B7

Triadic

C7BEB6

B7C8BF

BFB7C8

Split-Comp.

C7BEB6

B7C8C7

B7B8C8

Tetradic

C7BEB6

B8C8B7

B7C0C8

C7B7C8

Contrast Matrix WCAG 2.1 Contrast

C7BEB6	A38E9F	D9A2A9	F7AFAC	F3D0BD
—	1.7 Fail	1.2 Fail	1.0 Fail	1.3 Fail
1.7 Fail	—	1.4 Fail	1.7 Fail	2.1 Fail
1.2 Fail	1.4 Fail	—	1.2 Fail	1.5 Fail
1.0 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
1.3 Fail	2.1 Fail	1.5 Fail	1.2 Fail	—

White BG

1.8Fail

3.0AA Large

2.2Fail

1.8Fail

1.4Fail

Black BG

11.5AAA

6.9AA

9.7AAA

11.7AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3B8

9A9A9B

C1C1A7

D8D7AD

E4E4C2

Deuteranopia

C4C4B8

9B9D9A

C4C8A7

DCE1AD

E6E9C3

Tritanopia

C7B9BA

A29897

D6A6A6

F3ADAD

F1C5C6

Achromatopsia

C0C0C0

969696

B3B3B3

C4C4C4

D8D8D8

Shades & Tints Shades & Tints

#C7BEB6

Dark

Light

#A38E9F

Dark

Light

#D9A2A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7beb6;
  --color-2: #a38e9f;
  --color-3: #d9a2a9;
  --color-4: #f7afac;
  --color-5: #f3d0bd;
}

SCSS

$color-1: #c7beb6;
$color-2: #a38e9f;
$color-3: #d9a2a9;
$color-4: #f7afac;
$color-5: #f3d0bd;

TAILWIND

colors: {
  'brand-1': '#c7beb6',
  'brand-2': '#a38e9f',
  'brand-3': '#d9a2a9',
  'brand-4': '#f7afac',
  'brand-5': '#f3d0bd',
}

RGB Array

[199, 190, 182], [163, 142, 159], [217, 162, 169], [247, 175, 172], [243, 208, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7BEB6, #A38E9F, #D9A2A9, #F7AFAC, #F3D0BD 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: #c7beb6; --color-2: #a38e9f; --color-3: #d9a2a9; --color-4: #f7afac; --color-5: #f3d0bd. 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