← Back to Editor

#ADA88D · #56A099 · #4E6679 · #44445D · #433546

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

#ADA88D

Fresh Green · DarkGray · Sunflower

HEX
#ADA88D
RGB
rgb(173, 168, 141)
HSL
hsl(51, 16%, 62%)
HSB
hsb(51, 18%, 68%)
CMYK
cmyk(0%, 3%, 18%, 32%)
Oklch
oklch(72.8% 0.038 98.6)

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

#56A099

Mineral Blue · CadetBlue · Mint Ice

HEX
#56A099
RGB
rgb(86, 160, 153)
HSL
hsl(174, 30%, 48%)
HSB
hsb(174, 46%, 63%)
CMYK
cmyk(46%, 0%, 4%, 37%)
Oklch
oklch(65.6% 0.075 187.6)

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

#4E6679

Slate Blue · DimGray · Prussian Blue

HEX
#4E6679
RGB
rgb(78, 102, 121)
HSL
hsl(207, 22%, 39%)
HSB
hsb(207, 36%, 47%)
CMYK
cmyk(36%, 16%, 0%, 53%)
Oklch
oklch(49.8% 0.042 242.5)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#44445D

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#44445D
RGB
rgb(68, 68, 93)
HSL
hsl(240, 16%, 32%)
HSB
hsb(240, 27%, 36%)
CMYK
cmyk(27%, 27%, 0%, 64%)
Oklch
oklch(39.7% 0.042 284.3)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#433546

Dark Plum · DarkSlateGray · Eggplant

HEX
#433546
RGB
rgb(67, 53, 70)
HSL
hsl(289, 14%, 24%)
HSB
hsb(289, 24%, 27%)
CMYK
cmyk(4%, 24%, 0%, 73%)
Oklch
oklch(35.1% 0.034 320.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADA88D
8F93AE

Analogous

AE998F
ADA88D
A3AE8F

Triadic

ADA88D
8FAEA9
A98FAE

Split-Comp.

ADA88D
8FA3AE
998FAE

Tetradic

ADA88D
8FAE99
8F93AE
AE8FA3

Contrast Matrix WCAG 2.1 Contrast

ADA88D
56A099
4E6679
44445D
433546
—
1.3
Fail
2.5
Fail
3.9
AA Large
4.8
AA
1.3
Fail
—
2.0
Fail
3.1
AA Large
3.7
AA Large
2.5
Fail
2.0
Fail
—
1.6
Fail
1.9
Fail
3.9
AA Large
3.1
AA Large
1.6
Fail
—
1.2
Fail
4.8
AA
3.7
AA Large
1.9
Fail
1.2
Fail
—
White BG
2.4Fail
3.1AA Large
6.0AA
9.4AAA
11.4AAA
Black BG
8.8AAA
6.9AA
3.5AA Large
2.2Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB94
76779B
585974
444457
3D3D42

Deuteranopia

ABAC95
726C9B
575573
444456
3E3F41

Tritanopia

AD999A
5A9C9C
4F7170
445251
423F3E

Achromatopsia

A6A6A6
898989
616161
474747
3B3B3B

Shades & Tints Shades & Tints

#ADA88D

Dark
Light

#56A099

Dark
Light

#4E6679

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ada88d;
  --color-2: #56a099;
  --color-3: #4e6679;
  --color-4: #44445d;
  --color-5: #433546;
}

SCSS

$color-1: #ada88d;
$color-2: #56a099;
$color-3: #4e6679;
$color-4: #44445d;
$color-5: #433546;

TAILWIND

colors: {
  'brand-1': '#ada88d',
  'brand-2': '#56a099',
  'brand-3': '#4e6679',
  'brand-4': '#44445d',
  'brand-5': '#433546',
}

RGB Array

[173, 168, 141], [86, 160, 153], [78, 102, 121], [68, 68, 93], [67, 53, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADA88D, #56A099, #4E6679, #44445D, #433546 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: #ada88d; --color-2: #56a099; --color-3: #4e6679; --color-4: #44445d; --color-5: #433546. 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