#FAB29D + #F29393 + #C88C94 + #997D93 + #A4A19A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAB29D

Peach Pink · BurlyWood · Coral Red

HEX

#FAB29D

RGB

rgb(250, 178, 157)

HSL

hsl(14, 90%, 80%)

HSB

hsb(14, 37%, 98%)

CMYK

cmyk(0%, 29%, 37%, 2%)

Oklch

oklch(82.6% 0.090 36.9)

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

#F29393

Peach Pink · DarkSalmon · Coral Red

HEX

#F29393

RGB

rgb(242, 147, 147)

HSL

hsl(0, 79%, 76%)

HSB

hsb(0, 39%, 95%)

CMYK

cmyk(0%, 39%, 39%, 5%)

Oklch

oklch(76.2% 0.115 20.1)

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

#C88C94

Peach Pink · Tan · Coral Red

HEX

#C88C94

RGB

rgb(200, 140, 148)

HSL

hsl(352, 35%, 67%)

HSB

hsb(352, 30%, 78%)

CMYK

cmyk(0%, 30%, 26%, 22%)

Oklch

oklch(70.1% 0.074 10.3)

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

#997D93

Rose Purple · Gray · Violet

HEX

#997D93

RGB

rgb(153, 125, 147)

HSL

hsl(313, 12%, 55%)

HSB

hsb(313, 18%, 60%)

CMYK

cmyk(0%, 18%, 4%, 40%)

Oklch

oklch(62.3% 0.046 333.6)

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

#A4A19A

Ash · DarkGray · Silver Sand

HEX

#A4A19A

RGB

rgb(164, 161, 154)

HSL

hsl(42, 5%, 62%)

HSB

hsb(42, 6%, 64%)

CMYK

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

Oklch

oklch(70.9% 0.011 87.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAB29D

9EE4FA

Analogous

FA9EB7

FAB29D

FAE19E

Triadic

FAB29D

9EFAB4

B49EFA

Split-Comp.

FAB29D

9EFAE1

9EB7FA

Tetradic

FAB29D

B7FA9E

9EE4FA

E19EFA

Contrast Matrix WCAG 2.1 Contrast

FAB29D	F29393	C88C94	997D93	A4A19A
—	1.3 Fail	1.6 Fail	2.1 Fail	1.5 Fail
1.3 Fail	—	1.2 Fail	1.6 Fail	1.2 Fail
1.6 Fail	1.2 Fail	—	1.3 Fail	1.1 Fail
2.1 Fail	1.6 Fail	1.3 Fail	—	1.4 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.4 Fail	—

White BG

1.8Fail

2.2Fail

2.8Fail

3.7AA Large

2.6Fail

Black BG

11.9AAA

9.4AAA

7.6AAA

5.7AA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDAA2

C9C893

AEAD92

8D8D8E

A3A39C

Deuteranopia

DFE4A3

CED593

B2B692

8F918C

A3A39C

Tritanopia

F6A6A7

ED9393

C59190

988989

A49D9D

Achromatopsia

C5C5C5

AFAFAF

9F9F9F

888888

A1A1A1

Shades & Tints Shades & Tints

#FAB29D

Dark

Light

#F29393

Dark

Light

#C88C94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fab29d;
  --color-2: #f29393;
  --color-3: #c88c94;
  --color-4: #997d93;
  --color-5: #a4a19a;
}

SCSS

$color-1: #fab29d;
$color-2: #f29393;
$color-3: #c88c94;
$color-4: #997d93;
$color-5: #a4a19a;

TAILWIND

colors: {
  'brand-1': '#fab29d',
  'brand-2': '#f29393',
  'brand-3': '#c88c94',
  'brand-4': '#997d93',
  'brand-5': '#a4a19a',
}

RGB Array

[250, 178, 157], [242, 147, 147], [200, 140, 148], [153, 125, 147], [164, 161, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAB29D, #F29393, #C88C94, #997D93, #A4A19A 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: #fab29d; --color-2: #f29393; --color-3: #c88c94; --color-4: #997d93; --color-5: #a4a19a. 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