← Back to Editor

#41424A · #4C9A90 · #B7ABBA · #D9BFCC · #FAE9CD

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

#41424A

Dark Cyan · DarkSlateGray · Charcoal

HEX
#41424A
RGB
rgb(65, 66, 74)
HSL
hsl(233, 6%, 27%)
HSB
hsb(233, 12%, 29%)
CMYK
cmyk(12%, 11%, 0%, 71%)
Oklch
oklch(38.1% 0.014 280.1)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#4C9A90

Mineral Blue · CadetBlue · Mint Ice

HEX
#4C9A90
RGB
rgb(76, 154, 144)
HSL
hsl(172, 34%, 45%)
HSB
hsb(172, 51%, 60%)
CMYK
cmyk(51%, 0%, 6%, 40%)
Oklch
oklch(63.4% 0.079 184.5)

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

#B7ABBA

Lilac · DarkGray · Lilac Purple

HEX
#B7ABBA
RGB
rgb(183, 171, 186)
HSL
hsl(288, 10%, 70%)
HSB
hsb(288, 8%, 73%)
CMYK
cmyk(2%, 8%, 0%, 27%)
Oklch
oklch(75.6% 0.025 319.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#D9BFCC

Rouge · LightGray · Cherry Blossom

HEX
#D9BFCC
RGB
rgb(217, 191, 204)
HSL
hsl(330, 25%, 80%)
HSB
hsb(330, 12%, 85%)
CMYK
cmyk(0%, 12%, 6%, 15%)
Oklch
oklch(83.0% 0.034 346.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FAE9CD

Goose Yellow · Bisque · Peach Orange

HEX
#FAE9CD
RGB
rgb(250, 233, 205)
HSL
hsl(37, 82%, 89%)
HSB
hsb(37, 18%, 98%)
CMYK
cmyk(0%, 7%, 18%, 2%)
Oklch
oklch(94.0% 0.041 80.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41424A
494841

Analogous

414649
41424A
444149

Triadic

41424A
494142
424941

Split-Comp.

41424A
494441
464941

Tetradic

41424A
494146
494841
414944

Contrast Matrix WCAG 2.1 Contrast

41424A
4C9A90
B7ABBA
D9BFCC
FAE9CD
—
3.0
AA Large
4.5
AA
5.8
AA
8.4
AAA
3.0
AA Large
—
1.5
Fail
1.9
Fail
2.8
Fail
4.5
AA
1.5
Fail
—
1.3
Fail
1.8
Fail
5.8
AA
1.9
Fail
1.3
Fail
—
1.4
Fail
8.4
AAA
2.8
Fail
1.8
Fail
1.4
Fail
—
White BG
10.0AAA
3.3AA Large
2.2Fail
1.7Fail
1.2Fail
Black BG
2.1Fail
6.3AA
9.5AAA
12.3AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414148
6E6E92
B2B2B6
CECEC9
F3F2D4

Deuteranopia

414148
696393
B3B3B6
CFD1C8
F4F5D5

Tritanopia

414746
509495
B6B4B3
D8C6C6
F9D9DA

Achromatopsia

434343
828282
B0B0B0
C8C8C8
EBEBEB

Shades & Tints Shades & Tints

#41424A

Dark
Light

#4C9A90

Dark
Light

#B7ABBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41424a;
  --color-2: #4c9a90;
  --color-3: #b7abba;
  --color-4: #d9bfcc;
  --color-5: #fae9cd;
}

SCSS

$color-1: #41424a;
$color-2: #4c9a90;
$color-3: #b7abba;
$color-4: #d9bfcc;
$color-5: #fae9cd;

TAILWIND

colors: {
  'brand-1': '#41424a',
  'brand-2': '#4c9a90',
  'brand-3': '#b7abba',
  'brand-4': '#d9bfcc',
  'brand-5': '#fae9cd',
}

RGB Array

[65, 66, 74], [76, 154, 144], [183, 171, 186], [217, 191, 204], [250, 233, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41424A, #4C9A90, #B7ABBA, #D9BFCC, #FAE9CD 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: #41424a; --color-2: #4c9a90; --color-3: #b7abba; --color-4: #d9bfcc; --color-5: #fae9cd. 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