#B19969 + #F2C5C0 + #EE6052 + #EABE81 + #A97287 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B19969

Ginger · Tan · Sunflower

HEX

#B19969

RGB

rgb(177, 153, 105)

HSL

hsl(40, 32%, 55%)

HSB

hsb(40, 41%, 69%)

CMYK

cmyk(0%, 14%, 41%, 31%)

Oklch

oklch(69.3% 0.071 84.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F2C5C0

Peach Pink · Pink · Cherry Blossom

HEX

#F2C5C0

RGB

rgb(242, 197, 192)

HSL

hsl(6, 66%, 85%)

HSB

hsb(6, 21%, 95%)

CMYK

cmyk(0%, 19%, 21%, 5%)

Oklch

oklch(86.1% 0.052 25.6)

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

#EE6052

Peach Pink · Tomato · Coral Red

HEX

#EE6052

RGB

rgb(238, 96, 82)

HSL

hsl(5, 82%, 63%)

HSB

hsb(5, 66%, 93%)

CMYK

cmyk(0%, 60%, 66%, 7%)

Oklch

oklch(66.8% 0.178 28.4)

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

#EABE81

Goose Yellow · BurlyWood · Warm Sun

HEX

#EABE81

RGB

rgb(234, 190, 129)

HSL

hsl(35, 71%, 71%)

HSB

hsb(35, 45%, 92%)

CMYK

cmyk(0%, 19%, 45%, 8%)

Oklch

oklch(82.7% 0.093 75.0)

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

#A97287

Dark Violet · Gray · Rose Pink

HEX

#A97287

RGB

rgb(169, 114, 135)

HSL

hsl(337, 24%, 55%)

HSB

hsb(337, 33%, 66%)

CMYK

cmyk(0%, 33%, 20%, 34%)

Oklch

oklch(61.5% 0.075 354.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B19969

6880B1

Analogous

B17468

B19969

A5B168

Triadic

B19969

68B198

9868B1

Split-Comp.

B19969

68A5B1

7468B1

Tetradic

B19969

68B174

6880B1

B168A5

Contrast Matrix WCAG 2.1 Contrast

B19969	F2C5C0	EE6052	EABE81	A97287
—	1.8 Fail	1.2 Fail	1.6 Fail	1.4 Fail
1.8 Fail	—	2.1 Fail	1.1 Fail	2.5 Fail
1.2 Fail	2.1 Fail	—	1.9 Fail	1.2 Fail
1.6 Fail	1.1 Fail	1.9 Fail	—	2.2 Fail
1.4 Fail	2.5 Fail	1.2 Fail	2.2 Fail	—

White BG

2.8Fail

1.6Fail

3.3AA Large

1.7Fail

3.9AA Large

Black BG

7.6AAA

13.5AAA

6.4AA

12.2AAA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A675

DFDEC1

B1AF55

D7D790

919182

Deuteranopia

A8AA77

E1E4C1

B9C356

DADD93

949981

Tritanopia

B07E80

F0C2C2

E75859

E89B9E

A67E7D

Achromatopsia

9B9B9B

D2D2D2

898989

C4C4C4

858585

Shades & Tints Shades & Tints

#B19969

Dark

Light

#F2C5C0

Dark

Light

#EE6052

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b19969;
  --color-2: #f2c5c0;
  --color-3: #ee6052;
  --color-4: #eabe81;
  --color-5: #a97287;
}

SCSS

$color-1: #b19969;
$color-2: #f2c5c0;
$color-3: #ee6052;
$color-4: #eabe81;
$color-5: #a97287;

TAILWIND

colors: {
  'brand-1': '#b19969',
  'brand-2': '#f2c5c0',
  'brand-3': '#ee6052',
  'brand-4': '#eabe81',
  'brand-5': '#a97287',
}

RGB Array

[177, 153, 105], [242, 197, 192], [238, 96, 82], [234, 190, 129], [169, 114, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B19969, #F2C5C0, #EE6052, #EABE81, #A97287 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: #b19969; --color-2: #f2c5c0; --color-3: #ee6052; --color-4: #eabe81; --color-5: #a97287. 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