← Back to Editor

#443C3F · #5A4950 · #FBBFCC · #FFDFFF · #403D44

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

#443C3F

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#443C3F
RGB
rgb(68, 60, 63)
HSL
hsl(338, 6%, 25%)
HSB
hsb(338, 12%, 27%)
CMYK
cmyk(0%, 12%, 7%, 73%)
Oklch
oklch(36.5% 0.012 353.0)

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

#5A4950

Dark Violet · DimGray · Camellia

HEX
#5A4950
RGB
rgb(90, 73, 80)
HSL
hsl(335, 10%, 32%)
HSB
hsb(335, 19%, 35%)
CMYK
cmyk(0%, 19%, 11%, 65%)
Oklch
oklch(42.5% 0.025 351.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FBBFCC

Peach Pink · Pink · Cherry Blossom

HEX
#FBBFCC
RGB
rgb(251, 191, 204)
HSL
hsl(347, 88%, 87%)
HSB
hsb(347, 24%, 98%)
CMYK
cmyk(0%, 24%, 19%, 2%)
Oklch
oklch(86.2% 0.071 4.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFDFFF

Mauve · Lavender · Lavender

HEX
#FFDFFF
RGB
rgb(255, 223, 255)
HSL
hsl(300, 100%, 94%)
HSB
hsb(300, 13%, 100%)
CMYK
cmyk(0%, 13%, 0%, 0%)
Oklch
oklch(93.9% 0.055 326.0)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#403D44

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#403D44
RGB
rgb(64, 61, 68)
HSL
hsl(266, 5%, 25%)
HSB
hsb(266, 10%, 27%)
CMYK
cmyk(6%, 10%, 0%, 73%)
Oklch
oklch(36.6% 0.012 305.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

443C3F
3C4441

Analogous

443C43
443C3F
443D3C

Triadic

443C3F
3F443C
3C3F44

Split-Comp.

443C3F
3C443D
3C4344

Tetradic

443C3F
43443C
3C4441
3D3C44

Contrast Matrix WCAG 2.1 Contrast

443C3F
5A4950
FBBFCC
FFDFFF
403D44
—
1.3
Fail
6.8
AA
8.8
AAA
1.0
Fail
1.3
Fail
—
5.4
AA
6.9
AA
1.3
Fail
6.8
AA
5.4
AA
—
1.3
Fail
6.8
AA
8.8
AAA
6.9
AA
1.3
Fail
—
8.8
AAA
1.0
Fail
1.3
Fail
6.8
AA
8.8
AAA
—
White BG
10.7AAA
8.4AAA
1.6Fail
1.2Fail
10.7AAA
Black BG
2.0Fail
2.5Fail
13.4AAA
17.3AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

41403E
53524E
E1E0C9
F1F1F7
3F3F42

Deuteranopia

41423E
54554E
E5E9C8
F3F5F5
3F3F42

Tritanopia

443E3E
594D4D
F8C6C6
FDF1F0
404141

Achromatopsia

3F3F3F
4F4F4F
D2D2D2
ECECEC
3F3F3F

Shades & Tints Shades & Tints

#443C3F

Dark
Light

#5A4950

Dark
Light

#FBBFCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #443c3f;
  --color-2: #5a4950;
  --color-3: #fbbfcc;
  --color-4: #ffdfff;
  --color-5: #403d44;
}

SCSS

$color-1: #443c3f;
$color-2: #5a4950;
$color-3: #fbbfcc;
$color-4: #ffdfff;
$color-5: #403d44;

TAILWIND

colors: {
  'brand-1': '#443c3f',
  'brand-2': '#5a4950',
  'brand-3': '#fbbfcc',
  'brand-4': '#ffdfff',
  'brand-5': '#403d44',
}

RGB Array

[68, 60, 63], [90, 73, 80], [251, 191, 204], [255, 223, 255], [64, 61, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #443C3F, #5A4950, #FBBFCC, #FFDFFF, #403D44 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: #443c3f; --color-2: #5a4950; --color-3: #fbbfcc; --color-4: #ffdfff; --color-5: #403d44. 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