#AD7880 + #A5908D + #B4BB92 + #E3D99C + #FBF1B6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AD7880

Crimson · Gray · Passion Red

HEX

#AD7880

RGB

rgb(173, 120, 128)

HSL

hsl(351, 24%, 57%)

HSB

hsb(351, 31%, 68%)

CMYK

cmyk(0%, 31%, 26%, 32%)

Oklch

oklch(62.9% 0.067 9.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#A5908D

Crimson · DarkGray · Passion Red

HEX

#A5908D

RGB

rgb(165, 144, 141)

HSL

hsl(7, 12%, 60%)

HSB

hsb(7, 15%, 65%)

CMYK

cmyk(0%, 13%, 15%, 35%)

Oklch

oklch(67.1% 0.026 27.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#B4BB92

Willow Green · DarkGray · Apple Green

HEX

#B4BB92

RGB

rgb(180, 187, 146)

HSL

hsl(70, 23%, 65%)

HSB

hsb(70, 22%, 73%)

CMYK

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

Oklch

oklch(77.6% 0.056 115.6)

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

#E3D99C

Fresh Green · Khaki · Sunflower

HEX

#E3D99C

RGB

rgb(227, 217, 156)

HSL

hsl(52, 56%, 75%)

HSB

hsb(52, 31%, 89%)

CMYK

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

Oklch

oklch(87.9% 0.080 99.9)

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

#FBF1B6

Fresh Green · Bisque · Lemon Cream

HEX

#FBF1B6

RGB

rgb(251, 241, 182)

HSL

hsl(51, 90%, 85%)

HSB

hsb(51, 27%, 98%)

CMYK

cmyk(0%, 4%, 27%, 2%)

Oklch

oklch(95.2% 0.076 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD7880

77ACA4

Analogous

AC7799

AD7880

AC8977

Triadic

AD7880

7FAC77

777FAC

Split-Comp.

AD7880

77AC89

7799AC

Tetradic

AD7880

99AC77

77ACA4

8977AC

Contrast Matrix WCAG 2.1 Contrast

AD7880	A5908D	B4BB92	E3D99C	FBF1B6
—	1.2 Fail	1.8 Fail	2.5 Fail	3.2 AA Large
1.2 Fail	—	1.5 Fail	2.1 Fail	2.6 Fail
1.8 Fail	1.5 Fail	—	1.4 Fail	1.8 Fail
2.5 Fail	2.1 Fail	1.4 Fail	—	1.3 Fail
3.2 AA Large	2.6 Fail	1.8 Fail	1.3 Fail	—

White BG

3.6AA Large

3.0AA Large

2.0Fail

1.4Fail

1.1Fail

Black BG

5.8AA

7.0AA

10.5AAA

14.7AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96967E

9C9C8E

B7B79C

DFDFAB

F7F7C4

Deuteranopia

999D7E

9D9F8E

B7B69E

DFE0AE

F7F8C8

Tritanopia

AA7D7C

A48E8E

B4A4A5

E2B6B9

FBD0D2

Achromatopsia

898989

969696

B4B4B4

D5D5D5

EDEDED

Shades & Tints Shades & Tints

#AD7880

Dark

Light

#A5908D

Dark

Light

#B4BB92

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad7880;
  --color-2: #a5908d;
  --color-3: #b4bb92;
  --color-4: #e3d99c;
  --color-5: #fbf1b6;
}

SCSS

$color-1: #ad7880;
$color-2: #a5908d;
$color-3: #b4bb92;
$color-4: #e3d99c;
$color-5: #fbf1b6;

TAILWIND

colors: {
  'brand-1': '#ad7880',
  'brand-2': '#a5908d',
  'brand-3': '#b4bb92',
  'brand-4': '#e3d99c',
  'brand-5': '#fbf1b6',
}

RGB Array

[173, 120, 128], [165, 144, 141], [180, 187, 146], [227, 217, 156], [251, 241, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD7880, #A5908D, #B4BB92, #E3D99C, #FBF1B6 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: #ad7880; --color-2: #a5908d; --color-3: #b4bb92; --color-4: #e3d99c; --color-5: #fbf1b6. 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