#AB6A86 + #D59D90 + #FFCF99 + #DADBB1 + #B5E6C9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AB6A86

Dark Violet · Gray · Rose Pink

HEX

#AB6A86

RGB

rgb(171, 106, 134)

HSL

hsl(334, 28%, 54%)

HSB

hsb(334, 38%, 67%)

CMYK

cmyk(0%, 38%, 22%, 33%)

Oklch

oklch(60.3% 0.090 352.8)

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

#D59D90

Peach Pink · Tan · Coral Red

HEX

#D59D90

RGB

rgb(213, 157, 144)

HSL

hsl(11, 45%, 70%)

HSB

hsb(11, 32%, 84%)

CMYK

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

Oklch

oklch(74.6% 0.070 33.4)

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

#FFCF99

Goose Yellow · Khaki · Peach Orange

HEX

#FFCF99

RGB

rgb(255, 207, 153)

HSL

hsl(32, 100%, 80%)

HSB

hsb(32, 40%, 100%)

CMYK

cmyk(0%, 19%, 40%, 0%)

Oklch

oklch(88.4% 0.088 69.6)

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

#DADBB1

Fresh Green · Wheat · Lemon Cream

HEX

#DADBB1

RGB

rgb(218, 219, 177)

HSL

hsl(61, 37%, 78%)

HSB

hsb(61, 19%, 86%)

CMYK

cmyk(0%, 0%, 19%, 14%)

Oklch

oklch(88.0% 0.056 108.6)

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

#B5E6C9

Celadon · LightBlue · Mint Green

HEX

#B5E6C9

RGB

rgb(181, 230, 201)

HSL

hsl(144, 49%, 81%)

HSB

hsb(144, 21%, 90%)

CMYK

cmyk(21%, 0%, 13%, 10%)

Oklch

oklch(88.3% 0.064 158.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB6A86

69AB8E

Analogous

AB69A6

AB6A86

AB6D69

Triadic

AB6A86

85AB69

6985AB

Split-Comp.

AB6A86

69AB6D

69A6AB

Tetradic

AB6A86

A6AB69

69AB8E

6D69AB

Contrast Matrix WCAG 2.1 Contrast

AB6A86	D59D90	FFCF99	DADBB1	B5E6C9
—	1.8 Fail	2.8 Fail	2.9 Fail	2.9 Fail
1.8 Fail	—	1.6 Fail	1.6 Fail	1.7 Fail
2.8 Fail	1.6 Fail	—	1.0 Fail	1.0 Fail
2.9 Fail	1.6 Fail	1.0 Fail	—	1.0 Fail
2.9 Fail	1.7 Fail	1.0 Fail	1.0 Fail	—

White BG

4.1AA Large

2.3Fail

1.4Fail

Black BG

5.1AA

9.1AAA

14.6AAA

14.7AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E7F

BDBC93

EAEAA6

DADABB

CACBD0

Deuteranopia

93987E

C0C494

EDF1A9

DADABE

C7C4D2

Tritanopia

A87A79

D29696

FDB0B3

DAC3C5

B7D6D7

Achromatopsia

818181

ACACAC

D7D7D7

D6D6D6

D4D4D4

Shades & Tints Shades & Tints

#AB6A86

Dark

Light

#D59D90

Dark

Light

#FFCF99

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab6a86;
  --color-2: #d59d90;
  --color-3: #ffcf99;
  --color-4: #dadbb1;
  --color-5: #b5e6c9;
}

SCSS

$color-1: #ab6a86;
$color-2: #d59d90;
$color-3: #ffcf99;
$color-4: #dadbb1;
$color-5: #b5e6c9;

TAILWIND

colors: {
  'brand-1': '#ab6a86',
  'brand-2': '#d59d90',
  'brand-3': '#ffcf99',
  'brand-4': '#dadbb1',
  'brand-5': '#b5e6c9',
}

RGB Array

[171, 106, 134], [213, 157, 144], [255, 207, 153], [218, 219, 177], [181, 230, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AB6A86, #D59D90, #FFCF99, #DADBB1, #B5E6C9 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: #ab6a86; --color-2: #d59d90; --color-3: #ffcf99; --color-4: #dadbb1; --color-5: #b5e6c9. 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