#A49197 + #DE99A6 + #EEB99A + #F4DAB4 + #F3FAD9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A49197

Rouge · DarkGray · Silver Sand

HEX

#A49197

RGB

rgb(164, 145, 151)

HSL

hsl(341, 9%, 61%)

HSB

hsb(341, 12%, 64%)

CMYK

cmyk(0%, 12%, 8%, 36%)

Oklch

oklch(67.5% 0.024 356.7)

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

#DE99A6

Peach Pink · Tan · Coral Red

HEX

#DE99A6

RGB

rgb(222, 153, 166)

HSL

hsl(349, 51%, 74%)

HSB

hsb(349, 31%, 87%)

CMYK

cmyk(0%, 31%, 25%, 13%)

Oklch

oklch(75.4% 0.084 6.9)

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

#EEB99A

Apricot · BurlyWood · Peach Orange

HEX

#EEB99A

RGB

rgb(238, 185, 154)

HSL

hsl(22, 71%, 77%)

HSB

hsb(22, 35%, 93%)

CMYK

cmyk(0%, 22%, 35%, 7%)

Oklch

oklch(82.6% 0.075 51.7)

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

#F4DAB4

Goose Yellow · Wheat · Peach Orange

HEX

#F4DAB4

RGB

rgb(244, 218, 180)

HSL

hsl(36, 74%, 83%)

HSB

hsb(36, 26%, 96%)

CMYK

cmyk(0%, 11%, 26%, 4%)

Oklch

oklch(90.0% 0.058 77.2)

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

#F3FAD9

Willow Green · Beige · Mint Green

HEX

#F3FAD9

RGB

rgb(243, 250, 217)

HSL

hsl(73, 77%, 92%)

HSB

hsb(73, 13%, 98%)

CMYK

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

Oklch

oklch(97.1% 0.044 116.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A49197

93A59F

Analogous

A593A1

A49197

A59693

Triadic

A49197

98A593

9398A5

Split-Comp.

A49197

93A596

93A1A5

Tetradic

A49197

A1A593

93A59F

9693A5

Contrast Matrix WCAG 2.1 Contrast

A49197	DE99A6	EEB99A	F4DAB4	F3FAD9
—	1.3 Fail	1.7 Fail	2.2 Fail	2.8 Fail
1.3 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.2 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
2.8 Fail	2.1 Fail	1.6 Fail	1.3 Fail	—

White BG

3.0Fail

2.3Fail

1.7Fail

1.4Fail

1.1Fail

Black BG

7.1AAA

9.2AAA

12.0AAA

15.5AAA

19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C96

C0C0A3

D7D7A2

E9E9BD

F6F6E1

Deuteranopia

9D9E95

C4C9A2

DADEA3

EAECBF

F6F5E3

Tritanopia

A39494

DBA0A0

EBA7A9

F3C4C6

F3E7E9

Achromatopsia

979797

AFAFAF

C5C5C5

DDDDDD

F4F4F4

Shades & Tints Shades & Tints

#A49197

Dark

Light

#DE99A6

Dark

Light

#EEB99A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a49197;
  --color-2: #de99a6;
  --color-3: #eeb99a;
  --color-4: #f4dab4;
  --color-5: #f3fad9;
}

SCSS

$color-1: #a49197;
$color-2: #de99a6;
$color-3: #eeb99a;
$color-4: #f4dab4;
$color-5: #f3fad9;

TAILWIND

colors: {
  'brand-1': '#a49197',
  'brand-2': '#de99a6',
  'brand-3': '#eeb99a',
  'brand-4': '#f4dab4',
  'brand-5': '#f3fad9',
}

RGB Array

[164, 145, 151], [222, 153, 166], [238, 185, 154], [244, 218, 180], [243, 250, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A49197, #DE99A6, #EEB99A, #F4DAB4, #F3FAD9 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: #a49197; --color-2: #de99a6; --color-3: #eeb99a; --color-4: #f4dab4; --color-5: #f3fad9. 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