← Back to Editor

#B0599A · #B0789A · #B0969A · #B0BF9A · #B0D99A

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

#B0599A

Rose Purple · MediumOrchid · Violet

HEX
#B0599A
RGB
rgb(176, 89, 154)
HSL
hsl(315, 36%, 52%)
HSB
hsb(315, 49%, 69%)
CMYK
cmyk(0%, 49%, 13%, 31%)
Oklch
oklch(59.0% 0.139 337.7)

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

#B0789A

Rose Purple · DarkGray · Rose Pink

HEX
#B0789A
RGB
rgb(176, 120, 154)
HSL
hsl(324, 26%, 58%)
HSB
hsb(324, 32%, 69%)
CMYK
cmyk(0%, 32%, 13%, 31%)
Oklch
oklch(64.1% 0.083 342.6)

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

#B0969A

Peach Pink · DarkGray · Coral Red

HEX
#B0969A
RGB
rgb(176, 150, 154)
HSL
hsl(351, 14%, 64%)
HSB
hsb(351, 15%, 69%)
CMYK
cmyk(0%, 15%, 13%, 31%)
Oklch
oklch(69.8% 0.031 7.5)

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

#B0BF9A

Willow Green · DarkGray · Apple Green

HEX
#B0BF9A
RGB
rgb(176, 191, 154)
HSL
hsl(84, 22%, 68%)
HSB
hsb(84, 19%, 75%)
CMYK
cmyk(8%, 0%, 19%, 25%)
Oklch
oklch(78.3% 0.053 125.6)

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

#B0D99A

Celadon · LightGreen · Apple Green

HEX
#B0D99A
RGB
rgb(176, 217, 154)
HSL
hsl(99, 45%, 73%)
HSB
hsb(99, 29%, 85%)
CMYK
cmyk(19%, 0%, 29%, 15%)
Oklch
oklch(84.0% 0.095 135.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0599A
59B16F

Analogous

9B59B1
B0599A
B1596F

Triadic

B0599A
9BB159
599BB1

Split-Comp.

B0599A
6FB159
59B19B

Tetradic

B0599A
B19B59
59B16F
596FB1

Contrast Matrix WCAG 2.1 Contrast

B0599A
B0789A
B0969A
B0BF9A
B0D99A
—
1.3
Fail
1.6
Fail
2.3
Fail
2.8
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
2.8
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
White BG
4.4AA Large
3.5AA Large
2.7Fail
2.0Fail
1.6Fail
Black BG
4.7AA
6.0AA
7.7AAA
10.8AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A8A
989792
A5A599
B6B7A3
C2C2A9

Deuteranopia

8F9687
9B9F90
A6A899
B6B5A5
BFBCAD

Tritanopia

AC7E7B
AD8B8A
AF9898
B1AAAC
B2B5B8

Achromatopsia

7A7A7A
8D8D8D
9E9E9E
B6B6B6
C6C6C6

Shades & Tints Shades & Tints

#B0599A

Dark
Light

#B0789A

Dark
Light

#B0969A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0599a;
  --color-2: #b0789a;
  --color-3: #b0969a;
  --color-4: #b0bf9a;
  --color-5: #b0d99a;
}

SCSS

$color-1: #b0599a;
$color-2: #b0789a;
$color-3: #b0969a;
$color-4: #b0bf9a;
$color-5: #b0d99a;

TAILWIND

colors: {
  'brand-1': '#b0599a',
  'brand-2': '#b0789a',
  'brand-3': '#b0969a',
  'brand-4': '#b0bf9a',
  'brand-5': '#b0d99a',
}

RGB Array

[176, 89, 154], [176, 120, 154], [176, 150, 154], [176, 191, 154], [176, 217, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0599A, #B0789A, #B0969A, #B0BF9A, #B0D99A 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: #b0599a; --color-2: #b0789a; --color-3: #b0969a; --color-4: #b0bf9a; --color-5: #b0d99a. 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