← Back to Editor

#399594 · #D0CAA8 · #A5CEC0 · #6E887F · #BBBA9B

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

#399594

Mineral Blue · SteelBlue · Mint Ice

HEX
#399594
RGB
rgb(57, 149, 148)
HSL
hsl(179, 45%, 40%)
HSB
hsb(179, 62%, 58%)
CMYK
cmyk(62%, 0%, 1%, 42%)
Oklch
oklch(61.6% 0.086 194.1)

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

#D0CAA8

Fresh Green · Silver · Sunflower

HEX
#D0CAA8
RGB
rgb(208, 202, 168)
HSL
hsl(51, 30%, 74%)
HSB
hsb(51, 19%, 82%)
CMYK
cmyk(0%, 3%, 19%, 18%)
Oklch
oklch(83.5% 0.046 99.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A5CEC0

Jade · Silver · Lake Green

HEX
#A5CEC0
RGB
rgb(165, 206, 192)
HSL
hsl(160, 29%, 73%)
HSB
hsb(160, 20%, 81%)
CMYK
cmyk(20%, 0%, 7%, 19%)
Oklch
oklch(81.8% 0.048 172.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#6E887F

Mineral Blue · SlateGray · Olive Green

HEX
#6E887F
RGB
rgb(110, 136, 127)
HSL
hsl(159, 11%, 48%)
HSB
hsb(159, 19%, 53%)
CMYK
cmyk(19%, 0%, 7%, 47%)
Oklch
oklch(60.4% 0.033 172.1)

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

#BBBA9B

Fresh Green · Tan · Sunflower

HEX
#BBBA9B
RGB
rgb(187, 186, 155)
HSL
hsl(58, 19%, 67%)
HSB
hsb(58, 17%, 73%)
CMYK
cmyk(0%, 1%, 17%, 27%)
Oklch
oklch(78.1% 0.042 105.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

399594
94383A

Analogous

389464
399594
386894

Triadic

399594
923894
949238

Split-Comp.

399594
943868
946438

Tetradic

399594
643894
94383A
689438

Contrast Matrix WCAG 2.1 Contrast

399594
D0CAA8
A5CEC0
6E887F
BBBA9B
—
2.2
Fail
2.1
Fail
1.1
Fail
1.8
Fail
2.2
Fail
—
1.0
Fail
2.3
Fail
1.2
Fail
2.1
Fail
1.0
Fail
—
2.2
Fail
1.1
Fail
1.1
Fail
2.3
Fail
2.2
Fail
—
1.9
Fail
1.8
Fail
1.2
Fail
1.1
Fail
1.9
Fail
—
White BG
3.6AA Large
1.7Fail
1.7Fail
3.8AA Large
2.0Fail
Black BG
5.9AA
12.7AAA
12.2AAA
5.5AA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

616294
CDCDB0
B7B7C3
797981
BBBBA3

Deuteranopia

5C5594
CECEB2
B4B1C4
787682
BBBBA4

Tritanopia

3E9494
D0B7B8
A7C6C7
6F8383
BBA8AA

Achromatopsia

797979
C8C8C8
C0C0C0
7F7F7F
B7B7B7

Shades & Tints Shades & Tints

#399594

Dark
Light

#D0CAA8

Dark
Light

#A5CEC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #399594;
  --color-2: #d0caa8;
  --color-3: #a5cec0;
  --color-4: #6e887f;
  --color-5: #bbba9b;
}

SCSS

$color-1: #399594;
$color-2: #d0caa8;
$color-3: #a5cec0;
$color-4: #6e887f;
$color-5: #bbba9b;

TAILWIND

colors: {
  'brand-1': '#399594',
  'brand-2': '#d0caa8',
  'brand-3': '#a5cec0',
  'brand-4': '#6e887f',
  'brand-5': '#bbba9b',
}

RGB Array

[57, 149, 148], [208, 202, 168], [165, 206, 192], [110, 136, 127], [187, 186, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #399594, #D0CAA8, #A5CEC0, #6E887F, #BBBA9B 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: #399594; --color-2: #d0caa8; --color-3: #a5cec0; --color-4: #6e887f; --color-5: #bbba9b. 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