← Back to Editor

#719B87 · #B6C09B · #A08C69 · #ADD28D · #C05D8C

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

#719B87

Mineral Blue · LightSlateGray · Olive Green

HEX
#719B87
RGB
rgb(113, 155, 135)
HSL
hsl(151, 17%, 53%)
HSB
hsb(151, 27%, 61%)
CMYK
cmyk(27%, 0%, 13%, 39%)
Oklch
oklch(65.3% 0.055 163.9)

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

#B6C09B

Willow Green · DarkGray · Apple Green

HEX
#B6C09B
RGB
rgb(182, 192, 155)
HSL
hsl(76, 23%, 68%)
HSB
hsb(76, 19%, 75%)
CMYK
cmyk(5%, 0%, 19%, 25%)
Oklch
oklch(79.0% 0.052 119.9)

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

#A08C69

Ginger · Gray · Warm Sun

HEX
#A08C69
RGB
rgb(160, 140, 105)
HSL
hsl(38, 22%, 52%)
HSB
hsb(38, 34%, 63%)
CMYK
cmyk(0%, 12%, 34%, 37%)
Oklch
oklch(64.9% 0.055 81.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#ADD28D

Celadon · DarkSeaGreen · Apple Green

HEX
#ADD28D
RGB
rgb(173, 210, 141)
HSL
hsl(92, 43%, 69%)
HSB
hsb(92, 33%, 82%)
CMYK
cmyk(18%, 0%, 33%, 18%)
Oklch
oklch(82.0% 0.101 131.2)

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

#C05D8C

Dark Violet · LightCoral · Rose Pink

HEX
#C05D8C
RGB
rgb(192, 93, 140)
HSL
hsl(332, 44%, 56%)
HSB
hsb(332, 52%, 75%)
CMYK
cmyk(0%, 52%, 27%, 25%)
Oklch
oklch(61.2% 0.137 352.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

719B87
9C7386

Analogous

739C73
719B87
739B9C

Triadic

719B87
88739C
9C8873

Split-Comp.

719B87
9C739B
9C7373

Tetradic

719B87
73739C
9C7386
9B9C73

Contrast Matrix WCAG 2.1 Contrast

719B87
B6C09B
A08C69
ADD28D
C05D8C
—
1.6
Fail
1.0
Fail
1.8
Fail
1.3
Fail
1.6
Fail
—
1.7
Fail
1.1
Fail
2.1
Fail
1.0
Fail
1.7
Fail
—
1.9
Fail
1.2
Fail
1.8
Fail
1.1
Fail
1.9
Fail
—
2.4
Fail
1.3
Fail
2.1
Fail
1.2
Fail
2.4
Fail
—
White BG
3.1AA Large
1.9Fail
3.3AA Large
1.7Fail
4.0AA Large
Black BG
6.7AA
11.0AAA
6.4AA
12.4AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83848C
BABAA4
979771
BDBD9E
959481

Deuteranopia

817E8D
BAB9A6
999A74
BBB8A2
9BA27E

Tritanopia

739091
B7ABAD
9F787A
AFABAE
BB7876

Achromatopsia

8C8C8C
B9B9B9
8E8E8E
BFBFBF
808080

Shades & Tints Shades & Tints

#719B87

Dark
Light

#B6C09B

Dark
Light

#A08C69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #719b87;
  --color-2: #b6c09b;
  --color-3: #a08c69;
  --color-4: #add28d;
  --color-5: #c05d8c;
}

SCSS

$color-1: #719b87;
$color-2: #b6c09b;
$color-3: #a08c69;
$color-4: #add28d;
$color-5: #c05d8c;

TAILWIND

colors: {
  'brand-1': '#719b87',
  'brand-2': '#b6c09b',
  'brand-3': '#a08c69',
  'brand-4': '#add28d',
  'brand-5': '#c05d8c',
}

RGB Array

[113, 155, 135], [182, 192, 155], [160, 140, 105], [173, 210, 141], [192, 93, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #719B87, #B6C09B, #A08C69, #ADD28D, #C05D8C 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: #719b87; --color-2: #b6c09b; --color-3: #a08c69; --color-4: #add28d; --color-5: #c05d8c. 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