#8A6F70 + #92E3E3 + #E392B8 + #ADAAB5 + #EFDA4E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8A6F70

Crimson · Gray · Passion Red

HEX

#8A6F70

RGB

rgb(138, 111, 112)

HSL

hsl(358, 11%, 49%)

HSB

hsb(358, 20%, 54%)

CMYK

cmyk(0%, 20%, 19%, 46%)

Oklch

oklch(56.8% 0.034 15.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#92E3E3

Sky Blue · SkyBlue · Lake Green

HEX

#92E3E3

RGB

rgb(146, 227, 227)

HSL

hsl(180, 59%, 73%)

HSB

hsb(180, 36%, 89%)

CMYK

cmyk(36%, 0%, 0%, 11%)

Oklch

oklch(86.4% 0.079 195.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#E392B8

Rouge · Orchid · Rose Pink

HEX

#E392B8

RGB

rgb(227, 146, 184)

HSL

hsl(332, 59%, 73%)

HSB

hsb(332, 36%, 89%)

CMYK

cmyk(0%, 36%, 19%, 11%)

Oklch

oklch(75.3% 0.108 350.4)

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

#ADAAB5

Ash · DarkGray · Silver Sand

HEX

#ADAAB5

RGB

rgb(173, 170, 181)

HSL

hsl(256, 7%, 69%)

HSB

hsb(256, 6%, 71%)

CMYK

cmyk(4%, 6%, 0%, 29%)

Oklch

oklch(74.4% 0.016 298.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#EFDA4E

Fresh Green · SandyBrown · Sunflower

HEX

#EFDA4E

RGB

rgb(239, 218, 78)

HSL

hsl(52, 83%, 62%)

HSB

hsb(52, 67%, 94%)

CMYK

cmyk(0%, 9%, 67%, 6%)

Oklch

oklch(88.1% 0.156 100.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A6F70

6F8B8A

Analogous

8B6F7E

8A6F70

8B7C6F

Triadic

8A6F70

708B6F

6F708B

Split-Comp.

8A6F70

6F8B7C

6F7E8B

Tetradic

8A6F70

7E8B6F

6F8B8A

7C6F8B

Contrast Matrix WCAG 2.1 Contrast

8A6F70	92E3E3	E392B8	ADAAB5	EFDA4E
—	3.1 AA Large	2.0 Fail	2.0 Fail	3.2 AA Large
3.1 AA Large	—	1.6 Fail	1.6 Fail	1.0 Fail
2.0 Fail	1.6 Fail	—	1.0 Fail	1.6 Fail
2.0 Fail	1.6 Fail	1.0 Fail	—	1.6 Fail
3.2 AA Large	1.0 Fail	1.6 Fail	1.6 Fail	—

White BG

4.6AA

1.5Fail

2.3Fail

1.4Fail

Black BG

4.6AA

14.3AAA

9.1AAA

9.2AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E70

B5B6E3

C0BFAF

ACACB2

E6E670

Deuteranopia

808270

B0AAE3

C5CBAD

ACACB2

E7E978

Tritanopia

897070

96E3E3

DFA8A6

ADB0B0

EE8B91

Achromatopsia

777777

CBCBCB

AFAFAF

ACACAC

D0D0D0

Shades & Tints Shades & Tints

#8A6F70

Dark

Light

#92E3E3

Dark

Light

#E392B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a6f70;
  --color-2: #92e3e3;
  --color-3: #e392b8;
  --color-4: #adaab5;
  --color-5: #efda4e;
}

SCSS

$color-1: #8a6f70;
$color-2: #92e3e3;
$color-3: #e392b8;
$color-4: #adaab5;
$color-5: #efda4e;

TAILWIND

colors: {
  'brand-1': '#8a6f70',
  'brand-2': '#92e3e3',
  'brand-3': '#e392b8',
  'brand-4': '#adaab5',
  'brand-5': '#efda4e',
}

RGB Array

[138, 111, 112], [146, 227, 227], [227, 146, 184], [173, 170, 181], [239, 218, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A6F70, #92E3E3, #E392B8, #ADAAB5, #EFDA4E 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: #8a6f70; --color-2: #92e3e3; --color-3: #e392b8; --color-4: #adaab5; --color-5: #efda4e. 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