← Back to Editor

#799F84 · #7C7480 · #B072A6 · #BF9BCF · #D5C3DE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#799F84

Celadon · LightSlateGray · Olive Green

HEX
#799F84
RGB
rgb(121, 159, 132)
HSL
hsl(137, 17%, 55%)
HSB
hsb(137, 24%, 62%)
CMYK
cmyk(24%, 0%, 17%, 38%)
Oklch
oklch(66.7% 0.058 153.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#7C7480

Ink Gray · Gray · Warm Gray

HEX
#7C7480
RGB
rgb(124, 116, 128)
HSL
hsl(280, 5%, 48%)
HSB
hsb(280, 9%, 50%)
CMYK
cmyk(3%, 9%, 0%, 50%)
Oklch
oklch(57.0% 0.020 314.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B072A6

Rose Purple · MediumOrchid · Violet

HEX
#B072A6
RGB
rgb(176, 114, 166)
HSL
hsl(310, 28%, 57%)
HSB
hsb(310, 35%, 69%)
CMYK
cmyk(0%, 35%, 6%, 31%)
Oklch
oklch(63.5% 0.104 332.7)

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

#BF9BCF

Lilac · Silver · Lilac Purple

HEX
#BF9BCF
RGB
rgb(191, 155, 207)
HSL
hsl(282, 35%, 71%)
HSB
hsb(282, 25%, 81%)
CMYK
cmyk(8%, 25%, 0%, 19%)
Oklch
oklch(74.0% 0.083 315.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D5C3DE

Lilac · LightGray · Lavender

HEX
#D5C3DE
RGB
rgb(213, 195, 222)
HSL
hsl(280, 29%, 82%)
HSB
hsb(280, 12%, 87%)
CMYK
cmyk(4%, 12%, 0%, 13%)
Oklch
oklch(84.0% 0.042 314.6)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

799F84
A07995

Analogous

81A079
799F84
79A097

Triadic

799F84
8479A0
A08479

Split-Comp.

799F84
9779A0
A07981

Tetradic

799F84
7981A0
A07995
A09779

Contrast Matrix WCAG 2.1 Contrast

799F84
7C7480
B072A6
BF9BCF
D5C3DE
—
1.5
Fail
1.2
Fail
1.2
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
1.9
Fail
2.7
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
2.2
Fail
1.2
Fail
1.9
Fail
1.5
Fail
—
1.4
Fail
1.8
Fail
2.7
Fail
2.2
Fail
1.4
Fail
—
White BG
3.0Fail
4.5AA Large
3.6AA Large
2.4Fail
1.7Fail
Black BG
7.1AAA
4.7AA
5.8AA
8.8AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898A8B
79787D
959599
AFAFC2
CDCDD7

Deuteranopia

87848C
797A7C
999D96
B2B4BF
CED0D6

Tritanopia

7B9091
7C7B7A
AD8F8D
BDB8B6
D4D2D1

Achromatopsia

919191
787878
8A8A8A
ACACAC
CBCBCB

Shades & Tints Shades & Tints

#799F84

Dark
Light

#7C7480

Dark
Light

#B072A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #799f84;
  --color-2: #7c7480;
  --color-3: #b072a6;
  --color-4: #bf9bcf;
  --color-5: #d5c3de;
}

SCSS

$color-1: #799f84;
$color-2: #7c7480;
$color-3: #b072a6;
$color-4: #bf9bcf;
$color-5: #d5c3de;

TAILWIND

colors: {
  'brand-1': '#799f84',
  'brand-2': '#7c7480',
  'brand-3': '#b072a6',
  'brand-4': '#bf9bcf',
  'brand-5': '#d5c3de',
}

RGB Array

[121, 159, 132], [124, 116, 128], [176, 114, 166], [191, 155, 207], [213, 195, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #799F84, #7C7480, #B072A6, #BF9BCF, #D5C3DE 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: #799f84; --color-2: #7c7480; --color-3: #b072a6; --color-4: #bf9bcf; --color-5: #d5c3de. 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