← Back to Editor

#5C443F · #EB5A57 · #92A2A1 · #68D9AA · #FFF9D4

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

#5C443F

Crimson · DarkOliveGreen · Wine Red

HEX
#5C443F
RGB
rgb(92, 68, 63)
HSL
hsl(10, 19%, 30%)
HSB
hsb(10, 32%, 36%)
CMYK
cmyk(0%, 26%, 32%, 64%)
Oklch
oklch(41.1% 0.034 32.0)

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

#EB5A57

Peach Pink · Tomato · Coral Red

HEX
#EB5A57
RGB
rgb(235, 90, 87)
HSL
hsl(1, 79%, 63%)
HSB
hsb(1, 63%, 92%)
CMYK
cmyk(0%, 62%, 63%, 8%)
Oklch
oklch(65.7% 0.180 24.6)

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

#92A2A1

Mineral Blue · DarkGray · Silver Sand

HEX
#92A2A1
RGB
rgb(146, 162, 161)
HSL
hsl(176, 8%, 60%)
HSB
hsb(176, 10%, 64%)
CMYK
cmyk(10%, 0%, 1%, 36%)
Oklch
oklch(69.9% 0.018 192.2)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

#68D9AA

Jade · MediumAquaMarine · Apple Green

HEX
#68D9AA
RGB
rgb(104, 217, 170)
HSL
hsl(155, 60%, 63%)
HSB
hsb(155, 52%, 85%)
CMYK
cmyk(52%, 0%, 22%, 15%)
Oklch
oklch(80.6% 0.125 163.9)

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

#FFF9D4

Fresh Green · Beige · Lemon Cream

HEX
#FFF9D4
RGB
rgb(255, 249, 212)
HSL
hsl(52, 100%, 92%)
HSB
hsb(52, 17%, 100%)
CMYK
cmyk(0%, 2%, 17%, 0%)
Oklch
oklch(97.7% 0.048 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C443F
3E565B

Analogous

5B3E48
5C443F
5B513E

Triadic

5C443F
3E5B43
433E5B

Split-Comp.

5C443F
3E5B51
3E485B

Tetradic

5C443F
485B3E
3E565B
513E5B

Contrast Matrix WCAG 2.1 Contrast

5C443F
EB5A57
92A2A1
68D9AA
FFF9D4
—
2.6
Fail
3.4
AA Large
5.1
AA
8.4
AAA
2.6
Fail
—
1.3
Fail
2.0
Fail
3.2
AA Large
3.4
AA Large
1.3
Fail
—
1.5
Fail
2.5
Fail
5.1
AA
2.0
Fail
1.5
Fail
—
1.6
Fail
8.4
AAA
3.2
AA Large
2.5
Fail
1.6
Fail
—
White BG
8.9AAA
3.4AA Large
2.7Fail
1.7Fail
1.1Fail
Black BG
2.4Fail
6.1AA
7.9AAA
12.1AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525140
ACAB58
9999A1
999AB5
FCFCDD

Deuteranopia

535541
B5C058
9897A1
928AB8
FDFDDF

Tritanopia

5B4141
E45858
93A1A1
6EBEC0
FFE4E6

Achromatopsia

4B4B4B
858585
9D9D9D
B2B2B2
F7F7F7

Shades & Tints Shades & Tints

#5C443F

Dark
Light

#EB5A57

Dark
Light

#92A2A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c443f;
  --color-2: #eb5a57;
  --color-3: #92a2a1;
  --color-4: #68d9aa;
  --color-5: #fff9d4;
}

SCSS

$color-1: #5c443f;
$color-2: #eb5a57;
$color-3: #92a2a1;
$color-4: #68d9aa;
$color-5: #fff9d4;

TAILWIND

colors: {
  'brand-1': '#5c443f',
  'brand-2': '#eb5a57',
  'brand-3': '#92a2a1',
  'brand-4': '#68d9aa',
  'brand-5': '#fff9d4',
}

RGB Array

[92, 68, 63], [235, 90, 87], [146, 162, 161], [104, 217, 170], [255, 249, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C443F, #EB5A57, #92A2A1, #68D9AA, #FFF9D4 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: #5c443f; --color-2: #eb5a57; --color-3: #92a2a1; --color-4: #68d9aa; --color-5: #fff9d4. 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