← Back to Editor

#594949 · #446664 · #3B827E · #B5A041 · #F28149

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

#594949

Crimson · DarkSlateGray · Wine Red

HEX
#594949
RGB
rgb(89, 73, 73)
HSL
hsl(0, 10%, 32%)
HSB
hsb(0, 18%, 35%)
CMYK
cmyk(0%, 18%, 18%, 65%)
Oklch
oklch(42.2% 0.022 18.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#446664

Mineral Blue · DimGray · Mint Ice

HEX
#446664
RGB
rgb(68, 102, 100)
HSL
hsl(176, 20%, 33%)
HSB
hsb(176, 33%, 40%)
CMYK
cmyk(33%, 0%, 2%, 60%)
Oklch
oklch(48.4% 0.039 191.3)

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

#3B827E

Mineral Blue · SeaGreen · Mint Ice

HEX
#3B827E
RGB
rgb(59, 130, 126)
HSL
hsl(177, 38%, 37%)
HSB
hsb(177, 55%, 51%)
CMYK
cmyk(55%, 0%, 3%, 49%)
Oklch
oklch(56.0% 0.071 190.4)

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

#B5A041

Ochre · GoldenRod · Honey Gold

HEX
#B5A041
RGB
rgb(181, 160, 65)
HSL
hsl(49, 47%, 48%)
HSB
hsb(49, 64%, 71%)
CMYK
cmyk(0%, 12%, 64%, 29%)
Oklch
oklch(70.6% 0.117 96.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F28149

Apricot · Coral · Warm Sun

HEX
#F28149
RGB
rgb(242, 129, 73)
HSL
hsl(20, 87%, 62%)
HSB
hsb(20, 70%, 95%)
CMYK
cmyk(0%, 47%, 70%, 5%)
Oklch
oklch(72.0% 0.155 45.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

594949
495A5A

Analogous

5A4952
594949
5A5249

Triadic

594949
495A49
49495A

Split-Comp.

594949
495A52
49525A

Tetradic

594949
525A49
495A5A
52495A

Contrast Matrix WCAG 2.1 Contrast

594949
446664
3B827E
B5A041
F28149
—
1.3
Fail
1.9
Fail
3.3
AA Large
3.2
AA Large
1.3
Fail
—
1.4
Fail
2.4
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.7
Fail
1.7
Fail
3.3
AA Large
2.4
Fail
1.7
Fail
—
1.0
Fail
3.2
AA Large
2.4
Fail
1.7
Fail
1.0
Fail
—
White BG
8.5AAA
6.3AA
4.5AA Large
2.6Fail
2.6Fail
Black BG
2.5Fail
3.3AA Large
4.7AA
8.1AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525249
535364
5A5A7F
ACAC58
C1C057

Deuteranopia

535449
514E65
56507F
ADAF5E
C8D05A

Tritanopia

584949
466565
3F8080
B46A6E
EC6164

Achromatopsia

4E4E4E
5C5C5C
6C6C6C
9B9B9B
9C9C9C

Shades & Tints Shades & Tints

#594949

Dark
Light

#446664

Dark
Light

#3B827E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #594949;
  --color-2: #446664;
  --color-3: #3b827e;
  --color-4: #b5a041;
  --color-5: #f28149;
}

SCSS

$color-1: #594949;
$color-2: #446664;
$color-3: #3b827e;
$color-4: #b5a041;
$color-5: #f28149;

TAILWIND

colors: {
  'brand-1': '#594949',
  'brand-2': '#446664',
  'brand-3': '#3b827e',
  'brand-4': '#b5a041',
  'brand-5': '#f28149',
}

RGB Array

[89, 73, 73], [68, 102, 100], [59, 130, 126], [181, 160, 65], [242, 129, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #594949, #446664, #3B827E, #B5A041, #F28149 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #594949; --color-2: #446664; --color-3: #3b827e; --color-4: #b5a041; --color-5: #f28149. 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. 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