← Back to Editor

#AE6E69 · #A07F7A · #938F8B · #869F9C · #79B0AD

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AE6E69

Crimson · Gray · Passion Red

HEX
#AE6E69
RGB
rgb(174, 110, 105)
HSL
hsl(4, 30%, 55%)
HSB
hsb(4, 40%, 68%)
CMYK
cmyk(0%, 37%, 40%, 32%)
Oklch
oklch(60.5% 0.083 24.6)

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

#A07F7A

Crimson · Gray · Passion Red

HEX
#A07F7A
RGB
rgb(160, 127, 122)
HSL
hsl(8, 17%, 55%)
HSB
hsb(8, 24%, 63%)
CMYK
cmyk(0%, 21%, 24%, 37%)
Oklch
oklch(62.6% 0.042 28.3)

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

#938F8B

Ash · Gray · Silver Sand

HEX
#938F8B
RGB
rgb(147, 143, 139)
HSL
hsl(30, 4%, 56%)
HSB
hsb(30, 5%, 58%)
CMYK
cmyk(0%, 3%, 5%, 42%)
Oklch
oklch(65.2% 0.008 67.7)

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

#869F9C

Mineral Blue · LightSlateGray · Lake Green

HEX
#869F9C
RGB
rgb(134, 159, 156)
HSL
hsl(173, 12%, 57%)
HSB
hsb(173, 16%, 62%)
CMYK
cmyk(16%, 0%, 2%, 38%)
Oklch
oklch(68.2% 0.028 187.7)

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

#79B0AD

Mineral Blue · CadetBlue · Lake Green

HEX
#79B0AD
RGB
rgb(121, 176, 173)
HSL
hsl(177, 26%, 58%)
HSB
hsb(177, 31%, 69%)
CMYK
cmyk(31%, 0%, 2%, 31%)
Oklch
oklch(71.8% 0.058 191.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE6E69
6AAAAF

Analogous

AF6A88
AE6E69
AF916A

Triadic

AE6E69
6AAF6E
6E6AAF

Split-Comp.

AE6E69
6AAF91
6A88AF

Tetradic

AE6E69
88AF6A
6AAAAF
916AAF

Contrast Matrix WCAG 2.1 Contrast

AE6E69
A07F7A
938F8B
869F9C
79B0AD
—
1.1
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
4.0AA Large
3.6AA Large
3.2AA Large
2.8Fail
2.4Fail
Black BG
5.2AA
5.8AA
6.5AA
7.5AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

92926A
92917B
91918C
91919D
9191AE

Deuteranopia

969B6B
94967C
92928C
8F8E9D
8E8AAE

Tritanopia

AB6B6B
9E7C7C
938D8D
879D9D
7CAEAE

Achromatopsia

818181
888888
909090
979797
9F9F9F

Shades & Tints Shades & Tints

#AE6E69

Dark
Light

#A07F7A

Dark
Light

#938F8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae6e69;
  --color-2: #a07f7a;
  --color-3: #938f8b;
  --color-4: #869f9c;
  --color-5: #79b0ad;
}

SCSS

$color-1: #ae6e69;
$color-2: #a07f7a;
$color-3: #938f8b;
$color-4: #869f9c;
$color-5: #79b0ad;

TAILWIND

colors: {
  'brand-1': '#ae6e69',
  'brand-2': '#a07f7a',
  'brand-3': '#938f8b',
  'brand-4': '#869f9c',
  'brand-5': '#79b0ad',
}

RGB Array

[174, 110, 105], [160, 127, 122], [147, 143, 139], [134, 159, 156], [121, 176, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE6E69, #A07F7A, #938F8B, #869F9C, #79B0AD is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ae6e69; --color-2: #a07f7a; --color-3: #938f8b; --color-4: #869f9c; --color-5: #79b0ad. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. Restrained colors convey professionalism and trust. 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