← Back to Editor

#44374F · #385469 · #5D6B3B · #B0CD6A · #7DA7A8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#44374F

Dark Plum · DarkSlateGray · Eggplant

HEX
#44374F
RGB
rgb(68, 55, 79)
HSL
hsl(272, 18%, 26%)
HSB
hsb(272, 30%, 31%)
CMYK
cmyk(14%, 30%, 0%, 69%)
Oklch
oklch(36.1% 0.044 308.9)

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

#385469

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#385469
RGB
rgb(56, 84, 105)
HSL
hsl(206, 30%, 32%)
HSB
hsb(206, 47%, 41%)
CMYK
cmyk(47%, 20%, 0%, 59%)
Oklch
oklch(43.3% 0.048 241.7)

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

#5D6B3B

Grass Green · DarkOliveGreen · Forest Green

HEX
#5D6B3B
RGB
rgb(93, 107, 59)
HSL
hsl(78, 29%, 33%)
HSB
hsb(78, 45%, 42%)
CMYK
cmyk(13%, 0%, 45%, 58%)
Oklch
oklch(50.4% 0.072 122.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#B0CD6A

Willow Green · DarkSeaGreen · Apple Green

HEX
#B0CD6A
RGB
rgb(176, 205, 106)
HSL
hsl(78, 50%, 61%)
HSB
hsb(78, 48%, 80%)
CMYK
cmyk(14%, 0%, 48%, 20%)
Oklch
oklch(80.5% 0.130 122.8)

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

#7DA7A8

Slate Blue · CadetBlue · Lake Green

HEX
#7DA7A8
RGB
rgb(125, 167, 168)
HSL
hsl(181, 20%, 57%)
HSB
hsb(181, 26%, 66%)
CMYK
cmyk(26%, 1%, 0%, 34%)
Oklch
oklch(69.8% 0.045 198.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44374F
424E36

Analogous

37364E
44374F
4E364D

Triadic

44374F
4E4336
364E43

Split-Comp.

44374F
4D4E36
364E37

Tetradic

44374F
4E3736
424E36
364D4E

Contrast Matrix WCAG 2.1 Contrast

44374F
385469
5D6B3B
B0CD6A
7DA7A8
—
1.4
Fail
1.9
Fail
6.2
AA
4.2
AA Large
1.4
Fail
—
1.4
Fail
4.5
AA Large
3.0
AA Large
1.9
Fail
1.4
Fail
—
3.2
AA Large
2.2
Fail
6.2
AA
4.5
AA Large
3.2
AA Large
—
1.5
Fail
4.2
AA Large
3.0
AA Large
2.2
Fail
1.5
Fail
—
White BG
11.0AAA
8.0AAA
5.8AA
1.8Fail
2.6Fail
Black BG
1.9Fail
2.6Fail
3.6AA Large
11.8AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E49
444464
636347
BDBD82
8F90A8

Deuteranopia

3F4048
434063
626149
BBB988
8D8AA8

Tritanopia

434544
39605F
5E5052
B19599
7FA8A8

Achromatopsia

3E3E3E
4E4E4E
616161
B9B9B9
9B9B9B

Shades & Tints Shades & Tints

#44374F

Dark
Light

#385469

Dark
Light

#5D6B3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44374f;
  --color-2: #385469;
  --color-3: #5d6b3b;
  --color-4: #b0cd6a;
  --color-5: #7da7a8;
}

SCSS

$color-1: #44374f;
$color-2: #385469;
$color-3: #5d6b3b;
$color-4: #b0cd6a;
$color-5: #7da7a8;

TAILWIND

colors: {
  'brand-1': '#44374f',
  'brand-2': '#385469',
  'brand-3': '#5d6b3b',
  'brand-4': '#b0cd6a',
  'brand-5': '#7da7a8',
}

RGB Array

[68, 55, 79], [56, 84, 105], [93, 107, 59], [176, 205, 106], [125, 167, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44374F, #385469, #5D6B3B, #B0CD6A, #7DA7A8 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: #44374f; --color-2: #385469; --color-3: #5d6b3b; --color-4: #b0cd6a; --color-5: #7da7a8. 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