← Back to Editor

#251D2F · #371F49 · #328B7F · #4FBAA9 · #C7C3CC

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

Color Details Color Details

#251D2F

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#251D2F
RGB
rgb(37, 29, 47)
HSL
hsl(267, 24%, 15%)
HSB
hsb(267, 38%, 18%)
CMYK
cmyk(21%, 38%, 0%, 82%)
Oklch
oklch(24.9% 0.035 304.3)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#371F49

Dark Plum · DarkSlateGray · Dark Purple

HEX
#371F49
RGB
rgb(55, 31, 73)
HSL
hsl(274, 40%, 20%)
HSB
hsb(274, 58%, 29%)
CMYK
cmyk(25%, 58%, 0%, 71%)
Oklch
oklch(29.2% 0.078 308.7)

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

#328B7F

Mineral Blue · SeaGreen · Mint Ice

HEX
#328B7F
RGB
rgb(50, 139, 127)
HSL
hsl(172, 47%, 37%)
HSB
hsb(172, 64%, 55%)
CMYK
cmyk(64%, 0%, 9%, 45%)
Oklch
oklch(58.1% 0.086 182.8)

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

#4FBAA9

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#4FBAA9
RGB
rgb(79, 186, 169)
HSL
hsl(170, 44%, 52%)
HSB
hsb(170, 58%, 73%)
CMYK
cmyk(58%, 0%, 9%, 27%)
Oklch
oklch(72.2% 0.102 181.3)

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

#C7C3CC

Wisteria · Silver · Pearl Gray

HEX
#C7C3CC
RGB
rgb(199, 195, 204)
HSL
hsl(267, 8%, 78%)
HSB
hsb(267, 4%, 80%)
CMYK
cmyk(2%, 4%, 0%, 20%)
Oklch
oklch(82.3% 0.013 306.0)

Traditional「Wisteria」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

251D2F
272F1D

Analogous

1D1E2F
251D2F
2F1D2F

Triadic

251D2F
2F251D
1D2F25

Split-Comp.

251D2F
2F2F1D
1E2F1D

Tetradic

251D2F
2F1D1E
272F1D
1D2F2F

Contrast Matrix WCAG 2.1 Contrast

251D2F
371F49
328B7F
4FBAA9
C7C3CC
—
1.1
Fail
4.0
AA Large
6.9
AA
9.3
AAA
1.1
Fail
—
3.5
AA Large
6.1
AA
8.3
AAA
4.0
AA Large
3.5
AA Large
—
1.7
Fail
2.4
Fail
6.9
AA
6.1
AA
1.7
Fail
—
1.4
Fail
9.3
AAA
8.3
AAA
2.4
Fail
1.4
Fail
—
White BG
16.2AAA
14.4AAA
4.1AA Large
2.4Fail
1.7Fail
Black BG
1.3Fail
1.5Fail
5.1AA
8.9AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

22212B
2D2C3F
595982
7D7EAD
C5C5CA

Deuteranopia

22232A
2E303C
534D83
776FAE
C6C6C9

Tritanopia

252726
363735
368485
54B0B1
C7C8C8

Achromatopsia

212121
2B2B2B
6F6F6F
989898
C5C5C5

Shades & Tints Shades & Tints

#251D2F

Dark
Light

#371F49

Dark
Light

#328B7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #251d2f;
  --color-2: #371f49;
  --color-3: #328b7f;
  --color-4: #4fbaa9;
  --color-5: #c7c3cc;
}

SCSS

$color-1: #251d2f;
$color-2: #371f49;
$color-3: #328b7f;
$color-4: #4fbaa9;
$color-5: #c7c3cc;

TAILWIND

colors: {
  'brand-1': '#251d2f',
  'brand-2': '#371f49',
  'brand-3': '#328b7f',
  'brand-4': '#4fbaa9',
  'brand-5': '#c7c3cc',
}

RGB Array

[37, 29, 47], [55, 31, 73], [50, 139, 127], [79, 186, 169], [199, 195, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #251D2F, #371F49, #328B7F, #4FBAA9, #C7C3CC 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: #251d2f; --color-2: #371f49; --color-3: #328b7f; --color-4: #4fbaa9; --color-5: #c7c3cc. 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