#F9DAA6 + #F0B478 + #E89292 + #B58B94 + #917789 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F9DAA6

Goose Yellow · Wheat · Peach Orange

HEX

#F9DAA6

RGB

rgb(249, 218, 166)

HSL

hsl(38, 87%, 81%)

HSB

hsb(38, 33%, 98%)

CMYK

cmyk(0%, 12%, 33%, 2%)

Oklch

oklch(90.2% 0.075 80.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F0B478

Goose Yellow · BurlyWood · Warm Sun

HEX

#F0B478

RGB

rgb(240, 180, 120)

HSL

hsl(30, 80%, 71%)

HSB

hsb(30, 50%, 94%)

CMYK

cmyk(0%, 25%, 50%, 6%)

Oklch

oklch(81.2% 0.104 65.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E89292

Peach Pink · DarkSalmon · Coral Red

HEX

#E89292

RGB

rgb(232, 146, 146)

HSL

hsl(0, 65%, 74%)

HSB

hsb(0, 37%, 91%)

CMYK

cmyk(0%, 37%, 37%, 9%)

Oklch

oklch(74.8% 0.105 19.8)

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

#B58B94

Peach Pink · DarkGray · Coral Red

HEX

#B58B94

RGB

rgb(181, 139, 148)

HSL

hsl(347, 22%, 63%)

HSB

hsb(347, 23%, 71%)

CMYK

cmyk(0%, 23%, 18%, 29%)

Oklch

oklch(67.9% 0.052 4.3)

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

#917789

Rose Purple · Gray · Violet

HEX

#917789

RGB

rgb(145, 119, 137)

HSL

hsl(318, 11%, 52%)

HSB

hsb(318, 18%, 57%)

CMYK

cmyk(0%, 18%, 6%, 43%)

Oklch

oklch(60.0% 0.041 337.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9DAA6

A4C3F9

Analogous

F9B0A4

F9DAA6

EDF9A4

Triadic

F9DAA6

A4F9DA

DAA4F9

Split-Comp.

F9DAA6

A4EDF9

B0A4F9

Tetradic

F9DAA6

A4F9B0

A4C3F9

F9A4ED

Contrast Matrix WCAG 2.1 Contrast

F9DAA6	F0B478	E89292	B58B94	917789
—	1.4 Fail	1.7 Fail	2.2 Fail	3.0 Fail
1.4 Fail	—	1.3 Fail	1.6 Fail	2.2 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
2.2 Fail	1.6 Fail	1.3 Fail	—	1.4 Fail
3.0 Fail	2.2 Fail	1.7 Fail	1.4 Fail	—

White BG

1.3Fail

1.8Fail

2.3Fail

3.0Fail

4.0AA Large

Black BG

15.6AAA

11.5AAA

9.0AAA

7.1AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBB3

D6D587

C3C292

A3A292

868685

Deuteranopia

EDF0B6

DADE8A

C8CE92

A5A891

878984

Tritanopia

F7BDBF

ED9295

E49292

B39090

908180

Achromatopsia

DDDDDD

BFBFBF

ACACAC

999999

818181

Shades & Tints Shades & Tints

#F9DAA6

Dark

Light

#F0B478

Dark

Light

#E89292

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9daa6;
  --color-2: #f0b478;
  --color-3: #e89292;
  --color-4: #b58b94;
  --color-5: #917789;
}

SCSS

$color-1: #f9daa6;
$color-2: #f0b478;
$color-3: #e89292;
$color-4: #b58b94;
$color-5: #917789;

TAILWIND

colors: {
  'brand-1': '#f9daa6',
  'brand-2': '#f0b478',
  'brand-3': '#e89292',
  'brand-4': '#b58b94',
  'brand-5': '#917789',
}

RGB Array

[249, 218, 166], [240, 180, 120], [232, 146, 146], [181, 139, 148], [145, 119, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9DAA6, #F0B478, #E89292, #B58B94, #917789 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: #f9daa6; --color-2: #f0b478; --color-3: #e89292; --color-4: #b58b94; --color-5: #917789. 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