#749791 + #B6A794 + #E6B9A4 + #EACE9E + #FAE6A9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#749791

Mineral Blue · LightSlateGray · Lake Green

HEX

#749791

RGB

rgb(116, 151, 145)

HSL

hsl(170, 14%, 52%)

HSB

hsb(170, 23%, 59%)

CMYK

cmyk(23%, 0%, 4%, 41%)

Oklch

oklch(64.8% 0.040 183.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B6A794

Ginger · DarkGray · Warm Sun

HEX

#B6A794

RGB

rgb(182, 167, 148)

HSL

hsl(34, 19%, 65%)

HSB

hsb(34, 19%, 71%)

CMYK

cmyk(0%, 8%, 19%, 29%)

Oklch

oklch(73.6% 0.032 73.8)

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

#E6B9A4

Apricot · BurlyWood · Peach Orange

HEX

#E6B9A4

RGB

rgb(230, 185, 164)

HSL

hsl(19, 57%, 77%)

HSB

hsb(19, 29%, 90%)

CMYK

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

Oklch

oklch(82.0% 0.060 46.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EACE9E

Goose Yellow · Wheat · Peach Orange

HEX

#EACE9E

RGB

rgb(234, 206, 158)

HSL

hsl(38, 64%, 77%)

HSB

hsb(38, 32%, 92%)

CMYK

cmyk(0%, 12%, 32%, 8%)

Oklch

oklch(86.3% 0.070 80.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FAE6A9

Goose Yellow · Wheat · Lemon Cream

HEX

#FAE6A9

RGB

rgb(250, 230, 169)

HSL

hsl(45, 89%, 82%)

HSB

hsb(45, 32%, 98%)

CMYK

cmyk(0%, 8%, 32%, 2%)

Oklch

oklch(92.7% 0.081 92.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

749791

967379

Analogous

73967F

749791

738A96

Triadic

749791

907396

969073

Split-Comp.

749791

96738A

967F73

Tetradic

749791

7F7396

967379

8A9673

Contrast Matrix WCAG 2.1 Contrast

749791	B6A794	E6B9A4	EACE9E	FAE6A9
—	1.4 Fail	1.8 Fail	2.1 Fail	2.6 Fail
1.4 Fail	—	1.3 Fail	1.5 Fail	1.9 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
2.6 Fail	1.9 Fail	1.4 Fail	1.2 Fail	—

White BG

3.2AA Large

2.3Fail

1.8Fail

1.5Fail

1.2Fail

Black BG

6.6AA

8.9AAA

11.8AAA

13.8AAA

17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838392

B0AF99

D3D2A9

DEDEAA

F1F1B8

Deuteranopia

817E93

B0B29A

D5D9AA

E0E2AC

F3F4BB

Tritanopia

769494

B59C9D

E4ADAE

E9B3B5

F9C3C6

Achromatopsia

8C8C8C

A9A9A9

C4C4C4

D1D1D1

E5E5E5

Shades & Tints Shades & Tints

#749791

Dark

Light

#B6A794

Dark

Light

#E6B9A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #749791;
  --color-2: #b6a794;
  --color-3: #e6b9a4;
  --color-4: #eace9e;
  --color-5: #fae6a9;
}

SCSS

$color-1: #749791;
$color-2: #b6a794;
$color-3: #e6b9a4;
$color-4: #eace9e;
$color-5: #fae6a9;

TAILWIND

colors: {
  'brand-1': '#749791',
  'brand-2': '#b6a794',
  'brand-3': '#e6b9a4',
  'brand-4': '#eace9e',
  'brand-5': '#fae6a9',
}

RGB Array

[116, 151, 145], [182, 167, 148], [230, 185, 164], [234, 206, 158], [250, 230, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #749791, #B6A794, #E6B9A4, #EACE9E, #FAE6A9 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: #749791; --color-2: #b6a794; --color-3: #e6b9a4; --color-4: #eace9e; --color-5: #fae6a9. 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