#EB7FA3 + #A67382 + #9095AB + #B2BDE9 + #EBEF8E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EB7FA3

Rouge · LightCoral · Rose Pink

HEX

#EB7FA3

RGB

rgb(235, 127, 163)

HSL

hsl(340, 73%, 71%)

HSB

hsb(340, 46%, 92%)

CMYK

cmyk(0%, 46%, 31%, 8%)

Oklch

oklch(72.6% 0.138 359.9)

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

#A67382

Dark Violet · Gray · Rose Pink

HEX

#A67382

RGB

rgb(166, 115, 130)

HSL

hsl(342, 22%, 55%)

HSB

hsb(342, 31%, 65%)

CMYK

cmyk(0%, 31%, 22%, 35%)

Oklch

oklch(61.2% 0.067 0.0)

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

#9095AB

Azure · DarkGray · Cobalt Blue

HEX

#9095AB

RGB

rgb(144, 149, 171)

HSL

hsl(229, 14%, 62%)

HSB

hsb(229, 16%, 67%)

CMYK

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

Oklch

oklch(67.3% 0.033 275.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B2BDE9

Azure · LightSteelBlue · Sky Blue

HEX

#B2BDE9

RGB

rgb(178, 189, 233)

HSL

hsl(228, 56%, 81%)

HSB

hsb(228, 24%, 91%)

CMYK

cmyk(24%, 19%, 0%, 9%)

Oklch

oklch(80.5% 0.063 273.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#EBEF8E

Fresh Green · Khaki · Sunflower

HEX

#EBEF8E

RGB

rgb(235, 239, 142)

HSL

hsl(62, 75%, 75%)

HSB

hsb(62, 41%, 94%)

CMYK

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

Oklch

oklch(92.8% 0.120 110.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB7FA3

7FEBC7

Analogous

EB7FD9

EB7FA3

EB917F

Triadic

EB7FA3

A3EB7F

7FA3EB

Split-Comp.

EB7FA3

7FEB91

7FD9EB

Tetradic

EB7FA3

D9EB7F

7FEBC7

917FEB

Contrast Matrix WCAG 2.1 Contrast

EB7FA3	A67382	9095AB	B2BDE9	EBEF8E
—	1.5 Fail	1.1 Fail	1.4 Fail	2.1 Fail
1.5 Fail	—	1.3 Fail	2.1 Fail	3.2 AA Large
1.1 Fail	1.3 Fail	—	1.6 Fail	2.4 Fail
1.4 Fail	2.1 Fail	1.6 Fail	—	1.5 Fail
2.1 Fail	3.2 AA Large	2.4 Fail	1.5 Fail	—

White BG

2.6Fail

3.9AA Large

3.0Fail

1.9Fail

1.2Fail

Black BG

8.1AAA

5.4AA

7.1AAA

11.3AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB9A

908F7E

9292A6

B7B7DE

EDEDA5

Deuteranopia

C3CB98

93977E

9292A4

B6B5DC

EDECAB

Tritanopia

E69392

A37C7B

90A1A1

B3D6D4

EBB8BC

Achromatopsia

A3A3A3

848484

969696

BFBFBF

E3E3E3

Shades & Tints Shades & Tints

#EB7FA3

Dark

Light

#A67382

Dark

Light

#9095AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb7fa3;
  --color-2: #a67382;
  --color-3: #9095ab;
  --color-4: #b2bde9;
  --color-5: #ebef8e;
}

SCSS

$color-1: #eb7fa3;
$color-2: #a67382;
$color-3: #9095ab;
$color-4: #b2bde9;
$color-5: #ebef8e;

TAILWIND

colors: {
  'brand-1': '#eb7fa3',
  'brand-2': '#a67382',
  'brand-3': '#9095ab',
  'brand-4': '#b2bde9',
  'brand-5': '#ebef8e',
}

RGB Array

[235, 127, 163], [166, 115, 130], [144, 149, 171], [178, 189, 233], [235, 239, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB7FA3, #A67382, #9095AB, #B2BDE9, #EBEF8E 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: #eb7fa3; --color-2: #a67382; --color-3: #9095ab; --color-4: #b2bde9; --color-5: #ebef8e. 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