#A1917A + #BA926A + #FF9F96 + #E6B88A + #C4C4A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1917A

Ginger · Gray · Warm Sun

HEX

#A1917A

RGB

rgb(161, 145, 122)

HSL

hsl(35, 17%, 55%)

HSB

hsb(35, 24%, 63%)

CMYK

cmyk(0%, 10%, 24%, 37%)

Oklch

oklch(66.5% 0.038 76.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#BA926A

Ginger · DarkSalmon · Warm Sun

HEX

#BA926A

RGB

rgb(186, 146, 106)

HSL

hsl(30, 37%, 57%)

HSB

hsb(30, 43%, 73%)

CMYK

cmyk(0%, 22%, 43%, 27%)

Oklch

oklch(68.8% 0.073 66.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FF9F96

Peach Pink · LightSalmon · Coral Red

HEX

#FF9F96

RGB

rgb(255, 159, 150)

HSL

hsl(5, 100%, 79%)

HSB

hsb(5, 41%, 100%)

CMYK

cmyk(0%, 38%, 41%, 0%)

Oklch

oklch(79.8% 0.116 25.8)

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

#E6B88A

Goose Yellow · BurlyWood · Warm Sun

HEX

#E6B88A

RGB

rgb(230, 184, 138)

HSL

hsl(30, 65%, 72%)

HSB

hsb(30, 40%, 90%)

CMYK

cmyk(0%, 20%, 40%, 10%)

Oklch

oklch(81.3% 0.081 66.3)

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

#C4C4A1

Fresh Green · Tan · Sunflower

HEX

#C4C4A1

RGB

rgb(196, 196, 161)

HSL

hsl(60, 23%, 70%)

HSB

hsb(60, 18%, 77%)

CMYK

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

Oklch

oklch(81.1% 0.047 107.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1917A

7989A0

Analogous

A07C79

A1917A

9DA079

Triadic

A1917A

79A090

9079A0

Split-Comp.

A1917A

799DA0

7C79A0

Tetradic

A1917A

79A07C

7989A0

A0799D

Contrast Matrix WCAG 2.1 Contrast

A1917A	BA926A	FF9F96	E6B88A	C4C4A1
—	1.1 Fail	1.6 Fail	1.7 Fail	1.7 Fail
1.1 Fail	—	1.4 Fail	1.6 Fail	1.6 Fail
1.6 Fail	1.4 Fail	—	1.1 Fail	1.1 Fail
1.7 Fail	1.6 Fail	1.1 Fail	—	1.0 Fail
1.7 Fail	1.6 Fail	1.1 Fail	1.0 Fail	—

White BG

3.1AA Large

2.8Fail

2.0Fail

1.8Fail

Black BG

6.8AA

7.4AAA

10.7AAA

11.6AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A80

A9A874

D5D598

D2D295

C4C4A9

Deuteranopia

9B9C81

ABAE76

DBE299

D5D898

C4C4AC

Tritanopia

A08485

B87B7D

FA9A9A

E49EA0

C4B0B2

Achromatopsia

939393

999999

BBBBBB

C1C1C1

C0C0C0

Shades & Tints Shades & Tints

#A1917A

Dark

Light

#BA926A

Dark

Light

#FF9F96

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1917a;
  --color-2: #ba926a;
  --color-3: #ff9f96;
  --color-4: #e6b88a;
  --color-5: #c4c4a1;
}

SCSS

$color-1: #a1917a;
$color-2: #ba926a;
$color-3: #ff9f96;
$color-4: #e6b88a;
$color-5: #c4c4a1;

TAILWIND

colors: {
  'brand-1': '#a1917a',
  'brand-2': '#ba926a',
  'brand-3': '#ff9f96',
  'brand-4': '#e6b88a',
  'brand-5': '#c4c4a1',
}

RGB Array

[161, 145, 122], [186, 146, 106], [255, 159, 150], [230, 184, 138], [196, 196, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1917A, #BA926A, #FF9F96, #E6B88A, #C4C4A1 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: #a1917a; --color-2: #ba926a; --color-3: #ff9f96; --color-4: #e6b88a; --color-5: #c4c4a1. 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