← Back to Editor

#AC5454 · #9B6886 · #98859E · #95ABC4 · #8BC8DB

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

#AC5454

Crimson · Sienna · Passion Red

HEX
#AC5454
RGB
rgb(172, 84, 84)
HSL
hsl(0, 35%, 50%)
HSB
hsb(0, 51%, 67%)
CMYK
cmyk(0%, 51%, 51%, 33%)
Oklch
oklch(55.4% 0.116 21.5)

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

#9B6886

Rose Purple · Gray · Rose Pink

HEX
#9B6886
RGB
rgb(155, 104, 134)
HSL
hsl(325, 20%, 51%)
HSB
hsb(325, 33%, 61%)
CMYK
cmyk(0%, 33%, 14%, 39%)
Oklch
oklch(58.1% 0.077 343.6)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#98859E

Dark Plum · LightSlateGray · Violet

HEX
#98859E
RGB
rgb(152, 133, 158)
HSL
hsl(286, 11%, 57%)
HSB
hsb(286, 16%, 62%)
CMYK
cmyk(4%, 16%, 0%, 38%)
Oklch
oklch(64.2% 0.043 318.0)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#95ABC4

Azure · DarkGray · Cobalt Blue

HEX
#95ABC4
RGB
rgb(149, 171, 196)
HSL
hsl(212, 28%, 68%)
HSB
hsb(212, 24%, 77%)
CMYK
cmyk(24%, 13%, 0%, 23%)
Oklch
oklch(73.3% 0.044 251.7)

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

#8BC8DB

Sky Blue · SkyBlue · Lake Green

HEX
#8BC8DB
RGB
rgb(139, 200, 219)
HSL
hsl(194, 53%, 70%)
HSB
hsb(194, 37%, 86%)
CMYK
cmyk(37%, 9%, 0%, 14%)
Oklch
oklch(79.8% 0.068 219.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC5454
53ACAC

Analogous

AC5380
AC5454
AC8053

Triadic

AC5454
53AC53
5353AC

Split-Comp.

AC5454
53AC80
5380AC

Tetradic

AC5454
80AC53
53ACAC
8053AC

Contrast Matrix WCAG 2.1 Contrast

AC5454
9B6886
98859E
95ABC4
8BC8DB
—
1.1
Fail
1.5
Fail
2.1
Fail
2.7
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.1
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
2.7
Fail
2.4
Fail
1.8
Fail
1.3
Fail
—
White BG
5.1AA
4.5AA Large
3.4AA Large
2.4Fail
1.8Fail
Black BG
4.2AA Large
4.7AA
6.2AA
8.9AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868554
85847F
909098
9F9FBE
A5A6D6

Deuteranopia

8B9254
888C7D
919297
9D9CBD
A29DD5

Tritanopia

A85454
987978
979392
96B9B8
8ED3D2

Achromatopsia

6E6E6E
7B7B7B
8E8E8E
A7A7A7
B8B8B8

Shades & Tints Shades & Tints

#AC5454

Dark
Light

#9B6886

Dark
Light

#98859E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac5454;
  --color-2: #9b6886;
  --color-3: #98859e;
  --color-4: #95abc4;
  --color-5: #8bc8db;
}

SCSS

$color-1: #ac5454;
$color-2: #9b6886;
$color-3: #98859e;
$color-4: #95abc4;
$color-5: #8bc8db;

TAILWIND

colors: {
  'brand-1': '#ac5454',
  'brand-2': '#9b6886',
  'brand-3': '#98859e',
  'brand-4': '#95abc4',
  'brand-5': '#8bc8db',
}

RGB Array

[172, 84, 84], [155, 104, 134], [152, 133, 158], [149, 171, 196], [139, 200, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC5454, #9B6886, #98859E, #95ABC4, #8BC8DB 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: #ac5454; --color-2: #9b6886; --color-3: #98859e; --color-4: #95abc4; --color-5: #8bc8db. 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