#A1918B + #E0A59C + #DEBA95 + #C9E4A5 + #C7FCDB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1918B

Tangerine · Gray · Warm Sun

HEX

#A1918B

RGB

rgb(161, 145, 139)

HSL

hsl(16, 10%, 59%)

HSB

hsb(16, 14%, 63%)

CMYK

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

Oklch

oklch(66.9% 0.021 41.7)

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

#E0A59C

Peach Pink · Tan · Coral Red

HEX

#E0A59C

RGB

rgb(224, 165, 156)

HSL

hsl(8, 52%, 75%)

HSB

hsb(8, 30%, 88%)

CMYK

cmyk(0%, 26%, 30%, 12%)

Oklch

oklch(77.5% 0.072 28.6)

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

#DEBA95

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEBA95

RGB

rgb(222, 186, 149)

HSL

hsl(30, 53%, 73%)

HSB

hsb(30, 33%, 87%)

CMYK

cmyk(0%, 16%, 33%, 13%)

Oklch

oklch(81.1% 0.065 67.5)

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

#C9E4A5

Willow Green · Silver · Apple Green

HEX

#C9E4A5

RGB

rgb(201, 228, 165)

HSL

hsl(86, 54%, 77%)

HSB

hsb(86, 28%, 89%)

CMYK

cmyk(12%, 0%, 28%, 11%)

Oklch

oklch(88.4% 0.088 127.0)

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

#C7FCDB

Emerald · LightGray · Mint Green

HEX

#C7FCDB

RGB

rgb(199, 252, 219)

HSL

hsl(143, 90%, 88%)

HSB

hsb(143, 21%, 99%)

CMYK

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

Oklch

oklch(94.6% 0.070 157.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1918B

8C9BA1

Analogous

A18C91

A1918B

A19C8C

Triadic

A1918B

8CA192

928CA1

Split-Comp.

A1918B

8CA19C

8C91A1

Tetradic

A1918B

91A18C

8C9BA1

9C8CA1

Contrast Matrix WCAG 2.1 Contrast

A1918B	E0A59C	DEBA95	C9E4A5	C7FCDB
—	1.4 Fail	1.7 Fail	2.2 Fail	2.6 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.7 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
2.2 Fail	1.5 Fail	1.3 Fail	—	1.2 Fail
2.6 Fail	1.8 Fail	1.6 Fail	1.2 Fail	—

White BG

3.0AA Large

2.1Fail

1.8Fail

1.4Fail

1.1Fail

Black BG

6.9AA

10.0AAA

11.6AAA

15.1AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A8C

C6C69E

CECE9E

D5D5B4

DEDEE3

Deuteranopia

9B9C8D

CACE9F

D1D3A0

D3D1B8

DBD7E5

Tritanopia

A08E8E

DDA0A0

DCA5A7

CAC0C3

CAE9EB

Achromatopsia

959595

B6B6B6

C1C1C1

D5D5D5

E8E8E8

Shades & Tints Shades & Tints

#A1918B

Dark

Light

#E0A59C

Dark

Light

#DEBA95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1918b;
  --color-2: #e0a59c;
  --color-3: #deba95;
  --color-4: #c9e4a5;
  --color-5: #c7fcdb;
}

SCSS

$color-1: #a1918b;
$color-2: #e0a59c;
$color-3: #deba95;
$color-4: #c9e4a5;
$color-5: #c7fcdb;

TAILWIND

colors: {
  'brand-1': '#a1918b',
  'brand-2': '#e0a59c',
  'brand-3': '#deba95',
  'brand-4': '#c9e4a5',
  'brand-5': '#c7fcdb',
}

RGB Array

[161, 145, 139], [224, 165, 156], [222, 186, 149], [201, 228, 165], [199, 252, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1918B, #E0A59C, #DEBA95, #C9E4A5, #C7FCDB 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: #a1918b; --color-2: #e0a59c; --color-3: #deba95; --color-4: #c9e4a5; --color-5: #c7fcdb. 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