#FBA09B + #C38A91 + #8A7079 + #B2AA9D + #FCDA80 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBA09B

Peach Pink · LightSalmon · Coral Red

HEX

#FBA09B

RGB

rgb(251, 160, 155)

HSL

hsl(3, 92%, 80%)

HSB

hsb(3, 38%, 98%)

CMYK

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

Oklch

oklch(79.6% 0.109 23.2)

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

#C38A91

Peach Pink · Tan · Coral Red

HEX

#C38A91

RGB

rgb(195, 138, 145)

HSL

hsl(353, 32%, 65%)

HSB

hsb(353, 29%, 76%)

CMYK

cmyk(0%, 29%, 26%, 24%)

Oklch

oklch(69.1% 0.070 10.9)

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

#8A7079

Dark Violet · Gray · Camellia

HEX

#8A7079

RGB

rgb(138, 112, 121)

HSL

hsl(339, 10%, 49%)

HSB

hsb(339, 19%, 54%)

CMYK

cmyk(0%, 19%, 12%, 46%)

Oklch

oklch(57.3% 0.035 355.5)

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

#B2AA9D

Ginger · DarkGray · Warm Sun

HEX

#B2AA9D

RGB

rgb(178, 170, 157)

HSL

hsl(37, 12%, 66%)

HSB

hsb(37, 12%, 70%)

CMYK

cmyk(0%, 4%, 12%, 30%)

Oklch

oklch(74.1% 0.020 80.1)

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

#FCDA80

Goose Yellow · Khaki · Sunflower

HEX

#FCDA80

RGB

rgb(252, 218, 128)

HSL

hsl(44, 95%, 75%)

HSB

hsb(44, 49%, 99%)

CMYK

cmyk(0%, 13%, 49%, 1%)

Oklch

oklch(89.8% 0.116 89.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBA09B

9DF6FB

Analogous

FB9DC7

FBA09B

FBD19D

Triadic

FBA09B

9DFBA2

A29DFB

Split-Comp.

FBA09B

9DFBD1

9DC7FB

Tetradic

FBA09B

C7FB9D

9DF6FB

D19DFB

Contrast Matrix WCAG 2.1 Contrast

FBA09B	C38A91	8A7079	B2AA9D	FCDA80
—	1.4 Fail	2.3 Fail	1.2 Fail	1.5 Fail
1.4 Fail	—	1.6 Fail	1.2 Fail	2.1 Fail
2.3 Fail	1.6 Fail	—	2.0 Fail	3.3 AA Large
1.2 Fail	1.2 Fail	2.0 Fail	—	1.7 Fail
1.5 Fail	2.1 Fail	3.3 AA Large	1.7 Fail	—

White BG

2.0Fail

2.9Fail

4.5AA Large

2.3Fail

1.4Fail

Black BG

10.6AAA

7.4AAA

4.7AA

9.1AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D39C

AAAA8F

7F7F77

AFAEA0

EDED96

Deuteranopia

D9E09D

AEB28F

808276

AFB0A1

EFF29B

Tritanopia

F69D9D

C08E8E

897575

B2A3A3

FAA7AB

Achromatopsia

BBBBBB

9C9C9C

797979

ABABAB

DADADA

Shades & Tints Shades & Tints

#FBA09B

Dark

Light

#C38A91

Dark

Light

#8A7079

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fba09b;
  --color-2: #c38a91;
  --color-3: #8a7079;
  --color-4: #b2aa9d;
  --color-5: #fcda80;
}

SCSS

$color-1: #fba09b;
$color-2: #c38a91;
$color-3: #8a7079;
$color-4: #b2aa9d;
$color-5: #fcda80;

TAILWIND

colors: {
  'brand-1': '#fba09b',
  'brand-2': '#c38a91',
  'brand-3': '#8a7079',
  'brand-4': '#b2aa9d',
  'brand-5': '#fcda80',
}

RGB Array

[251, 160, 155], [195, 138, 145], [138, 112, 121], [178, 170, 157], [252, 218, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBA09B, #C38A91, #8A7079, #B2AA9D, #FCDA80 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: #fba09b; --color-2: #c38a91; --color-3: #8a7079; --color-4: #b2aa9d; --color-5: #fcda80. 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