← Back to Editor

#594F54 · #E4E5AB · #F5AC80 · #FA7F6A · #408F88

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 LibraryData Visualization

Color Details Color Details

#594F54

Ink Gray · DimGray · Charcoal

HEX
#594F54
RGB
rgb(89, 79, 84)
HSL
hsl(330, 6%, 33%)
HSB
hsb(330, 11%, 35%)
CMYK
cmyk(0%, 11%, 6%, 65%)
Oklch
oklch(43.9% 0.015 346.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#E4E5AB

Fresh Green · Wheat · Lemon Cream

HEX
#E4E5AB
RGB
rgb(228, 229, 171)
HSL
hsl(61, 53%, 78%)
HSB
hsb(61, 25%, 90%)
CMYK
cmyk(0%, 0%, 25%, 10%)
Oklch
oklch(90.7% 0.075 108.6)

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

#F5AC80

Apricot · LightSalmon · Warm Sun

HEX
#F5AC80
RGB
rgb(245, 172, 128)
HSL
hsl(23, 85%, 73%)
HSB
hsb(23, 48%, 96%)
CMYK
cmyk(0%, 30%, 48%, 4%)
Oklch
oklch(80.4% 0.104 51.8)

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

#FA7F6A

Peach Pink · Salmon · Coral Red

HEX
#FA7F6A
RGB
rgb(250, 127, 106)
HSL
hsl(9, 94%, 70%)
HSB
hsb(9, 58%, 98%)
CMYK
cmyk(0%, 49%, 58%, 2%)
Oklch
oklch(73.2% 0.154 31.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#408F88

Mineral Blue · CadetBlue · Mint Ice

HEX
#408F88
RGB
rgb(64, 143, 136)
HSL
hsl(175, 38%, 41%)
HSB
hsb(175, 55%, 56%)
CMYK
cmyk(55%, 0%, 5%, 44%)
Oklch
oklch(59.9% 0.078 187.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

594F54
4F5954

Analogous

594F59
594F54
594F4F

Triadic

594F54
54594F
4F5459

Split-Comp.

594F54
4F594F
4F5959

Tetradic

594F54
59594F
4F5954
4F4F59

Contrast Matrix WCAG 2.1 Contrast

594F54
E4E5AB
F5AC80
FA7F6A
408F88
—
6.0
AA
4.2
AA Large
3.1
AA Large
2.1
Fail
6.0
AA
—
1.5
Fail
1.9
Fail
2.9
Fail
4.2
AA Large
1.5
Fail
—
1.3
Fail
2.0
Fail
3.1
AA Large
1.9
Fail
1.3
Fail
—
1.5
Fail
2.1
Fail
2.9
Fail
2.0
Fail
1.5
Fail
—
White BG
7.9AAA
1.3Fail
1.9Fail
2.5Fail
3.8AA Large
Black BG
2.7Fail
16.1AAA
11.1AAA
8.3AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555553
E4E4B9
D5D58B
C5C46F
62638A

Deuteranopia

555653
E4E4BC
DADF8D
CCD570
5E588A

Tritanopia

595252
E4C4C7
F19395
F47374
448B8B

Achromatopsia

535353
DEDEDE
BDBDBD
A1A1A1
777777

Shades & Tints Shades & Tints

#594F54

Dark
Light

#E4E5AB

Dark
Light

#F5AC80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #594f54;
  --color-2: #e4e5ab;
  --color-3: #f5ac80;
  --color-4: #fa7f6a;
  --color-5: #408f88;
}

SCSS

$color-1: #594f54;
$color-2: #e4e5ab;
$color-3: #f5ac80;
$color-4: #fa7f6a;
$color-5: #408f88;

TAILWIND

colors: {
  'brand-1': '#594f54',
  'brand-2': '#e4e5ab',
  'brand-3': '#f5ac80',
  'brand-4': '#fa7f6a',
  'brand-5': '#408f88',
}

RGB Array

[89, 79, 84], [228, 229, 171], [245, 172, 128], [250, 127, 106], [64, 143, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #594F54, #E4E5AB, #F5AC80, #FA7F6A, #408F88 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #594f54; --color-2: #e4e5ab; --color-3: #f5ac80; --color-4: #fa7f6a; --color-5: #408f88. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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