← Back to Editor

#AEBEAD · #5F8698 · #444F73 · #936873 · #BA8C8F

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

#AEBEAD

Celadon · DarkGray · Apple Green

HEX
#AEBEAD
RGB
rgb(174, 190, 173)
HSL
hsl(116, 12%, 71%)
HSB
hsb(116, 9%, 75%)
CMYK
cmyk(8%, 0%, 9%, 25%)
Oklch
oklch(78.4% 0.030 143.7)

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

#5F8698

Slate Blue · SlateGray · Mint Ice

HEX
#5F8698
RGB
rgb(95, 134, 152)
HSL
hsl(199, 23%, 48%)
HSB
hsb(199, 38%, 60%)
CMYK
cmyk(38%, 12%, 0%, 40%)
Oklch
oklch(59.8% 0.051 228.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#444F73

Indigo · DarkSlateBlue · Prussian Blue

HEX
#444F73
RGB
rgb(68, 79, 115)
HSL
hsl(226, 26%, 36%)
HSB
hsb(226, 41%, 45%)
CMYK
cmyk(41%, 31%, 0%, 55%)
Oklch
oklch(43.4% 0.061 270.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#936873

Crimson · Gray · Passion Red

HEX
#936873
RGB
rgb(147, 104, 115)
HSL
hsl(345, 17%, 49%)
HSB
hsb(345, 29%, 58%)
CMYK
cmyk(0%, 29%, 22%, 42%)
Oklch
oklch(56.5% 0.057 2.2)

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

#BA8C8F

Peach Pink · DarkGray · Coral Red

HEX
#BA8C8F
RGB
rgb(186, 140, 143)
HSL
hsl(356, 25%, 64%)
HSB
hsb(356, 25%, 73%)
CMYK
cmyk(0%, 25%, 23%, 27%)
Oklch
oklch(68.5% 0.056 14.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEBEAD
BDACBE

Analogous

B6BEAC
AEBEAD
ACBEB4

Triadic

AEBEAD
ACADBE
BEACAD

Split-Comp.

AEBEAD
B4ACBE
BEACB6

Tetradic

AEBEAD
ACB6BE
BDACBE
BEB4AC

Contrast Matrix WCAG 2.1 Contrast

AEBEAD
5F8698
444F73
936873
BA8C8F
—
2.0
Fail
4.1
AA Large
2.4
Fail
1.5
Fail
2.0
Fail
—
2.0
Fail
1.2
Fail
1.4
Fail
4.1
AA Large
2.0
Fail
—
1.7
Fail
2.8
Fail
2.4
Fail
1.2
Fail
1.7
Fail
—
1.6
Fail
1.5
Fail
1.4
Fail
2.8
Fail
1.6
Fail
—
White BG
2.0Fail
3.9AA Large
8.0AAA
4.7AA
2.9Fail
Black BG
10.8AAA
5.4AA
2.6Fail
4.5AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5B1
707094
49496A
808070
A6A68E

Deuteranopia

B4B3B2
6E6B93
484768
838670
A9AC8E

Tritanopia

AFB4B5
61908F
456362
916E6E
B88E8E

Achromatopsia

B7B7B7
7C7C7C
505050
767676
9A9A9A

Shades & Tints Shades & Tints

#AEBEAD

Dark
Light

#5F8698

Dark
Light

#444F73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aebead;
  --color-2: #5f8698;
  --color-3: #444f73;
  --color-4: #936873;
  --color-5: #ba8c8f;
}

SCSS

$color-1: #aebead;
$color-2: #5f8698;
$color-3: #444f73;
$color-4: #936873;
$color-5: #ba8c8f;

TAILWIND

colors: {
  'brand-1': '#aebead',
  'brand-2': '#5f8698',
  'brand-3': '#444f73',
  'brand-4': '#936873',
  'brand-5': '#ba8c8f',
}

RGB Array

[174, 190, 173], [95, 134, 152], [68, 79, 115], [147, 104, 115], [186, 140, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEBEAD, #5F8698, #444F73, #936873, #BA8C8F 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: #aebead; --color-2: #5f8698; --color-3: #444f73; --color-4: #936873; --color-5: #ba8c8f. 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