← Back to Editor

#46383B · #454544 · #94C4AF · #DDEBCA · #FFEBCC

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

#46383B

Crimson · DarkSlateGray · Wine Red

HEX
#46383B
RGB
rgb(70, 56, 59)
HSL
hsl(347, 11%, 25%)
HSB
hsb(347, 20%, 27%)
CMYK
cmyk(0%, 20%, 16%, 73%)
Oklch
oklch(35.7% 0.020 3.8)

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

#454544

Dark Cyan · DarkSlateGray · Charcoal

HEX
#454544
RGB
rgb(69, 69, 68)
HSL
hsl(60, 1%, 27%)
HSB
hsb(60, 1%, 27%)
CMYK
cmyk(0%, 0%, 1%, 73%)
Oklch
oklch(39.0% 0.002 106.5)

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

#94C4AF

Jade · DarkSeaGreen · Apple Green

HEX
#94C4AF
RGB
rgb(148, 196, 175)
HSL
hsl(154, 29%, 67%)
HSB
hsb(154, 24%, 77%)
CMYK
cmyk(24%, 0%, 11%, 23%)
Oklch
oklch(78.0% 0.059 166.2)

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

#DDEBCA

Willow Green · LightGray · Mint Green

HEX
#DDEBCA
RGB
rgb(221, 235, 202)
HSL
hsl(85, 45%, 86%)
HSB
hsb(85, 14%, 92%)
CMYK
cmyk(6%, 0%, 14%, 8%)
Oklch
oklch(92.1% 0.046 126.1)

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

#FFEBCC

Goose Yellow · Bisque · Peach Orange

HEX
#FFEBCC
RGB
rgb(255, 235, 204)
HSL
hsl(36, 100%, 90%)
HSB
hsb(36, 20%, 100%)
CMYK
cmyk(0%, 8%, 20%, 0%)
Oklch
oklch(94.8% 0.046 78.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

46383B
394744

Analogous

473943
46383B
473D39

Triadic

46383B
3C4739
393C47

Split-Comp.

46383B
39473D
394347

Tetradic

46383B
434739
394744
3D3947

Contrast Matrix WCAG 2.1 Contrast

46383B
454544
94C4AF
DDEBCA
FFEBCC
—
1.2
Fail
5.7
AA
8.9
AAA
9.5
AAA
1.2
Fail
—
4.9
AA
7.7
AAA
8.2
AAA
5.7
AA
4.9
AA
—
1.6
Fail
1.7
Fail
8.9
AAA
7.7
AAA
1.6
Fail
—
1.1
Fail
9.5
AAA
8.2
AAA
1.7
Fail
1.1
Fail
—
White BG
11.1AAA
9.6AAA
1.9Fail
1.2Fail
1.2Fail
Black BG
1.9Fail
2.2Fail
10.8AAA
16.8AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

40403A
454544
A9A9B4
E3E3D2
F6F6D4

Deuteranopia

41423A
454544
A6A2B5
E2E1D4
F8F9D5

Tritanopia

453A3A
454444
96B8B9
DED8DA
FED9DB

Achromatopsia

3D3D3D
454545
B3B3B3
E3E3E3
EDEDED

Shades & Tints Shades & Tints

#46383B

Dark
Light

#454544

Dark
Light

#94C4AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #46383b;
  --color-2: #454544;
  --color-3: #94c4af;
  --color-4: #ddebca;
  --color-5: #ffebcc;
}

SCSS

$color-1: #46383b;
$color-2: #454544;
$color-3: #94c4af;
$color-4: #ddebca;
$color-5: #ffebcc;

TAILWIND

colors: {
  'brand-1': '#46383b',
  'brand-2': '#454544',
  'brand-3': '#94c4af',
  'brand-4': '#ddebca',
  'brand-5': '#ffebcc',
}

RGB Array

[70, 56, 59], [69, 69, 68], [148, 196, 175], [221, 235, 202], [255, 235, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #46383B, #454544, #94C4AF, #DDEBCA, #FFEBCC 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: #46383b; --color-2: #454544; --color-3: #94c4af; --color-4: #ddebca; --color-5: #ffebcc. 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