← Back to Editor

#2C2B39 · #4C5260 · #859990 · #D9E3A7 · #FCF4B5

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

#2C2B39

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2C2B39
RGB
rgb(44, 43, 57)
HSL
hsl(244, 14%, 20%)
HSB
hsb(244, 25%, 22%)
CMYK
cmyk(23%, 25%, 0%, 78%)
Oklch
oklch(29.6% 0.025 288.0)

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

#4C5260

Indigo · DarkSlateGray · Prussian Blue

HEX
#4C5260
RGB
rgb(76, 82, 96)
HSL
hsl(222, 12%, 34%)
HSB
hsb(222, 21%, 38%)
CMYK
cmyk(21%, 15%, 0%, 62%)
Oklch
oklch(43.9% 0.024 267.0)

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

#859990

Mineral Blue · LightSlateGray · Silver Sand

HEX
#859990
RGB
rgb(133, 153, 144)
HSL
hsl(153, 9%, 56%)
HSB
hsb(153, 13%, 60%)
CMYK
cmyk(13%, 0%, 6%, 40%)
Oklch
oklch(66.4% 0.026 166.7)

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

#D9E3A7

Willow Green · Wheat · Apple Green

HEX
#D9E3A7
RGB
rgb(217, 227, 167)
HSL
hsl(70, 52%, 77%)
HSB
hsb(70, 26%, 89%)
CMYK
cmyk(4%, 0%, 26%, 11%)
Oklch
oklch(89.4% 0.079 115.7)

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

#FCF4B5

Fresh Green · Bisque · Lemon Cream

HEX
#FCF4B5
RGB
rgb(252, 244, 181)
HSL
hsl(53, 92%, 85%)
HSB
hsb(53, 28%, 99%)
CMYK
cmyk(0%, 3%, 28%, 1%)
Oklch
oklch(95.9% 0.081 101.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C2B39
393A2C

Analogous

2C323A
2C2B39
342C3A

Triadic

2C2B39
3A2D2C
2C3A2D

Split-Comp.

2C2B39
3A342C
323A2C

Tetradic

2C2B39
3A2C32
393A2C
2C3A34

Contrast Matrix WCAG 2.1 Contrast

2C2B39
4C5260
859990
D9E3A7
FCF4B5
—
1.8
Fail
4.6
AA
10.3
AAA
12.4
AAA
1.8
Fail
—
2.6
Fail
5.8
AA
7.0
AA
4.6
AA
2.6
Fail
—
2.2
Fail
2.7
Fail
10.3
AAA
5.8
AA
2.2
Fail
—
1.2
Fail
12.4
AAA
7.0
AA
2.7
Fail
1.2
Fail
—
White BG
13.9AAA
7.8AAA
3.0AA Large
1.4Fail
1.1Fail
Black BG
1.5Fail
2.7Fail
7.0AA
15.5AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C36
4F4F5D
8E8E92
DDDDB6
F9F8C4

Deuteranopia

2C2C35
4E4E5C
8D8B93
DDDCB9
F9FAC8

Tritanopia

2C3332
4C5A59
869494
D9C1C4
FCD0D3

Achromatopsia

2D2D2D
525252
929292
D9D9D9
EFEFEF

Shades & Tints Shades & Tints

#2C2B39

Dark
Light

#4C5260

Dark
Light

#859990

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c2b39;
  --color-2: #4c5260;
  --color-3: #859990;
  --color-4: #d9e3a7;
  --color-5: #fcf4b5;
}

SCSS

$color-1: #2c2b39;
$color-2: #4c5260;
$color-3: #859990;
$color-4: #d9e3a7;
$color-5: #fcf4b5;

TAILWIND

colors: {
  'brand-1': '#2c2b39',
  'brand-2': '#4c5260',
  'brand-3': '#859990',
  'brand-4': '#d9e3a7',
  'brand-5': '#fcf4b5',
}

RGB Array

[44, 43, 57], [76, 82, 96], [133, 153, 144], [217, 227, 167], [252, 244, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C2B39, #4C5260, #859990, #D9E3A7, #FCF4B5 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: #2c2b39; --color-2: #4c5260; --color-3: #859990; --color-4: #d9e3a7; --color-5: #fcf4b5. 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