← Back to Editor

#141C21 · #B36D9A · #DDCB46 · #E9D6AB · #B3ABB6

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

#141C21

Slate Blue · Black · Deep Sea Blue

HEX
#141C21
RGB
rgb(20, 28, 33)
HSL
hsl(203, 25%, 10%)
HSB
hsb(203, 39%, 13%)
CMYK
cmyk(39%, 15%, 0%, 87%)
Oklch
oklch(22.1% 0.015 235.8)

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

#B36D9A

Rose Purple · Gray · Rose Pink

HEX
#B36D9A
RGB
rgb(179, 109, 154)
HSL
hsl(321, 32%, 56%)
HSB
hsb(321, 39%, 70%)
CMYK
cmyk(0%, 39%, 14%, 30%)
Oklch
oklch(62.5% 0.106 341.6)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#DDCB46

Autumn Sage · SandyBrown · Sunflower

HEX
#DDCB46
RGB
rgb(221, 203, 70)
HSL
hsl(53, 69%, 57%)
HSB
hsb(53, 68%, 87%)
CMYK
cmyk(0%, 8%, 68%, 13%)
Oklch
oklch(83.4% 0.150 101.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E9D6AB

Goose Yellow · Wheat · Lemon Cream

HEX
#E9D6AB
RGB
rgb(233, 214, 171)
HSL
hsl(42, 58%, 79%)
HSB
hsb(42, 27%, 91%)
CMYK
cmyk(0%, 8%, 27%, 9%)
Oklch
oklch(88.1% 0.060 87.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B3ABB6

Ash · DarkGray · Silver Sand

HEX
#B3ABB6
RGB
rgb(179, 171, 182)
HSL
hsl(284, 7%, 69%)
HSB
hsb(284, 6%, 71%)
CMYK
cmyk(2%, 6%, 0%, 29%)
Oklch
oklch(75.1% 0.018 316.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

141C21
201813

Analogous

13201E
141C21
131520

Triadic

141C21
20131B
1B2013

Split-Comp.

141C21
201315
201E13

Tetradic

141C21
1E1320
201813
152013

Contrast Matrix WCAG 2.1 Contrast

141C21
B36D9A
DDCB46
E9D6AB
B3ABB6
—
4.6
AA
10.4
AAA
12.0
AAA
7.7
AAA
4.6
AA
—
2.3
Fail
2.6
Fail
1.7
Fail
10.4
AAA
2.3
Fail
—
1.2
Fail
1.3
Fail
12.0
AAA
2.6
Fail
1.2
Fail
—
1.6
Fail
7.7
AAA
1.7
Fail
1.3
Fail
1.6
Fail
—
White BG
17.2AAA
3.8AA Large
1.7Fail
1.4Fail
2.2Fail
Black BG
1.2Fail
5.6AA
12.7AAA
14.7AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

171820
95948F
D5D566
E1E1B5
B0AFB3

Deuteranopia

171620
999E8D
D6D86E
E2E3B8
B0B1B3

Tritanopia

141F1F
AF8785
DC8085
E8BEBF
B3B1B1

Achromatopsia

1A1A1A
878787
C1C1C1
D7D7D7
AFAFAF

Shades & Tints Shades & Tints

#141C21

Dark
Light

#B36D9A

Dark
Light

#DDCB46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #141c21;
  --color-2: #b36d9a;
  --color-3: #ddcb46;
  --color-4: #e9d6ab;
  --color-5: #b3abb6;
}

SCSS

$color-1: #141c21;
$color-2: #b36d9a;
$color-3: #ddcb46;
$color-4: #e9d6ab;
$color-5: #b3abb6;

TAILWIND

colors: {
  'brand-1': '#141c21',
  'brand-2': '#b36d9a',
  'brand-3': '#ddcb46',
  'brand-4': '#e9d6ab',
  'brand-5': '#b3abb6',
}

RGB Array

[20, 28, 33], [179, 109, 154], [221, 203, 70], [233, 214, 171], [179, 171, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #141C21, #B36D9A, #DDCB46, #E9D6AB, #B3ABB6 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: #141c21; --color-2: #b36d9a; --color-3: #ddcb46; --color-4: #e9d6ab; --color-5: #b3abb6. 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