#E65187 + #C29A99 + #C4C7BB + #A3E6BE + #CEFA20 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E65187

Rouge · LightCoral · Rose Pink

HEX

#E65187

RGB

rgb(230, 81, 135)

HSL

hsl(338, 75%, 61%)

HSB

hsb(338, 65%, 90%)

CMYK

cmyk(0%, 65%, 41%, 10%)

Oklch

oklch(65.0% 0.189 1.6)

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

#C29A99

Peach Pink · Tan · Coral Red

HEX

#C29A99

RGB

rgb(194, 154, 153)

HSL

hsl(1, 25%, 68%)

HSB

hsb(1, 21%, 76%)

CMYK

cmyk(0%, 21%, 21%, 24%)

Oklch

oklch(72.3% 0.048 20.0)

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

#C4C7BB

Willow Green · Silver · Apple Green

HEX

#C4C7BB

RGB

rgb(196, 199, 187)

HSL

hsl(75, 10%, 76%)

HSB

hsb(75, 6%, 78%)

CMYK

cmyk(2%, 0%, 6%, 22%)

Oklch

oklch(82.4% 0.017 118.2)

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

#A3E6BE

Emerald · LightBlue · Apple Green

HEX

#A3E6BE

RGB

rgb(163, 230, 190)

HSL

hsl(144, 57%, 77%)

HSB

hsb(144, 29%, 90%)

CMYK

cmyk(29%, 0%, 17%, 10%)

Oklch

oklch(86.9% 0.087 157.8)

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

#CEFA20

Grass Green · GreenYellow · Olive Green

HEX

#CEFA20

RGB

rgb(206, 250, 32)

HSL

hsl(72, 96%, 55%)

HSB

hsb(72, 87%, 98%)

CMYK

cmyk(18%, 0%, 87%, 2%)

Oklch

oklch(92.1% 0.218 121.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E65187

51E6AF

Analogous

E651D2

E65187

E66551

Triadic

E65187

88E651

5188E6

Split-Comp.

E65187

51E665

51D2E6

Tetradic

E65187

D2E651

51E6AF

6551E6

Contrast Matrix WCAG 2.1 Contrast

E65187	C29A99	C4C7BB	A3E6BE	CEFA20
—	1.4 Fail	2.1 Fail	2.5 Fail	2.9 Fail
1.4 Fail	—	1.5 Fail	1.7 Fail	2.1 Fail
2.1 Fail	1.5 Fail	—	1.2 Fail	1.4 Fail
2.5 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
2.9 Fail	2.1 Fail	1.4 Fail	1.2 Fail	—

White BG

3.6AA Large

2.5Fail

1.7Fail

1.4Fail

1.2Fail

Black BG

5.9AA

8.4AAA

12.2AAA

14.6AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A47A

B1B099

C5C5BE

C0C1C8

E1E155

Deuteranopia

AEB977

B3B699

C5C5BF

BCB7CA

DFDB61

Tritanopia

DF706D

C09999

C4C0C1

A6CFD1

D07E88

Achromatopsia

848484

A6A6A6

C5C5C5

CDCDCD

D4D4D4

Shades & Tints Shades & Tints

#E65187

Dark

Light

#C29A99

Dark

Light

#C4C7BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e65187;
  --color-2: #c29a99;
  --color-3: #c4c7bb;
  --color-4: #a3e6be;
  --color-5: #cefa20;
}

SCSS

$color-1: #e65187;
$color-2: #c29a99;
$color-3: #c4c7bb;
$color-4: #a3e6be;
$color-5: #cefa20;

TAILWIND

colors: {
  'brand-1': '#e65187',
  'brand-2': '#c29a99',
  'brand-3': '#c4c7bb',
  'brand-4': '#a3e6be',
  'brand-5': '#cefa20',
}

RGB Array

[230, 81, 135], [194, 154, 153], [196, 199, 187], [163, 230, 190], [206, 250, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E65187, #C29A99, #C4C7BB, #A3E6BE, #CEFA20 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: #e65187; --color-2: #c29a99; --color-3: #c4c7bb; --color-4: #a3e6be; --color-5: #cefa20. 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