#A25E95 + #C97B95 + #D3A99B + #D1E19F + #D2EBD4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A25E95

Rose Purple · Gray · Violet

HEX

#A25E95

RGB

rgb(162, 94, 149)

HSL

hsl(311, 27%, 50%)

HSB

hsb(311, 42%, 64%)

CMYK

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

Oklch

oklch(57.8% 0.114 334.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#C97B95

Rouge · LightCoral · Rose Pink

HEX

#C97B95

RGB

rgb(201, 123, 149)

HSL

hsl(340, 42%, 64%)

HSB

hsb(340, 39%, 79%)

CMYK

cmyk(0%, 39%, 26%, 21%)

Oklch

oklch(67.3% 0.102 358.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D3A99B

Apricot · Tan · Warm Sun

HEX

#D3A99B

RGB

rgb(211, 169, 155)

HSL

hsl(15, 39%, 72%)

HSB

hsb(15, 27%, 83%)

CMYK

cmyk(0%, 20%, 27%, 17%)

Oklch

oklch(76.9% 0.053 39.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D1E19F

Willow Green · Khaki · Apple Green

HEX

#D1E19F

RGB

rgb(209, 225, 159)

HSL

hsl(75, 52%, 75%)

HSB

hsb(75, 29%, 88%)

CMYK

cmyk(7%, 0%, 29%, 12%)

Oklch

oklch(88.2% 0.088 119.3)

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

#D2EBD4

Celadon · LightGray · Mint Green

HEX

#D2EBD4

RGB

rgb(210, 235, 212)

HSL

hsl(125, 38%, 87%)

HSB

hsb(125, 11%, 92%)

CMYK

cmyk(11%, 0%, 10%, 8%)

Oklch

oklch(91.5% 0.041 147.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A25E95

5DA26A

Analogous

8C5DA2

A25E95

A25D73

Triadic

A25E95

95A25D

5D95A2

Split-Comp.

A25E95

73A25D

5DA28C

Tetradic

A25E95

A28C5D

5DA26A

5D73A2

Contrast Matrix WCAG 2.1 Contrast

A25E95	C97B95	D3A99B	D1E19F	D2EBD4
—	1.5 Fail	2.2 Fail	3.3 AA Large	3.6 AA Large
1.5 Fail	—	1.5 Fail	2.2 Fail	2.5 Fail
2.2 Fail	1.5 Fail	—	1.5 Fail	1.7 Fail
3.3 AA Large	2.2 Fail	1.5 Fail	—	1.1 Fail
3.6 AA Large	2.5 Fail	1.7 Fail	1.1 Fail	—

White BG

4.6AA

3.1AA Large

2.1Fail

1.4Fail

1.3Fail

Black BG

4.6AA

6.8AA

9.9AAA

15.0AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858488

A7A78F

C1C09E

D8D8AF

DDDDDA

Deuteranopia

898E85

ACB28D

C3C69F

D7D6B3

DBDADB

Tritanopia

9F7D7B

C58A89

D1A1A2

D2BCBE

D3DEDF

Achromatopsia

797979

959595

B4B4B4

D5D5D5

E1E1E1

Shades & Tints Shades & Tints

#A25E95

Dark

Light

#C97B95

Dark

Light

#D3A99B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a25e95;
  --color-2: #c97b95;
  --color-3: #d3a99b;
  --color-4: #d1e19f;
  --color-5: #d2ebd4;
}

SCSS

$color-1: #a25e95;
$color-2: #c97b95;
$color-3: #d3a99b;
$color-4: #d1e19f;
$color-5: #d2ebd4;

TAILWIND

colors: {
  'brand-1': '#a25e95',
  'brand-2': '#c97b95',
  'brand-3': '#d3a99b',
  'brand-4': '#d1e19f',
  'brand-5': '#d2ebd4',
}

RGB Array

[162, 94, 149], [201, 123, 149], [211, 169, 155], [209, 225, 159], [210, 235, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A25E95, #C97B95, #D3A99B, #D1E19F, #D2EBD4 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: #a25e95; --color-2: #c97b95; --color-3: #d3a99b; --color-4: #d1e19f; --color-5: #d2ebd4. 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