← Back to Editor

#1C122D · #453F4D · #7E7169 · #CB9C82 · #D9CDB3

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

#1C122D

Deep Indigo · Black · Dark Purple

HEX
#1C122D
RGB
rgb(28, 18, 45)
HSL
hsl(262, 43%, 12%)
HSB
hsb(262, 60%, 18%)
CMYK
cmyk(38%, 60%, 0%, 82%)
Oklch
oklch(21.1% 0.053 298.9)

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

#453F4D

Deep Indigo · DarkSlateGray · Eggplant

HEX
#453F4D
RGB
rgb(69, 63, 77)
HSL
hsl(266, 10%, 27%)
HSB
hsb(266, 18%, 30%)
CMYK
cmyk(10%, 18%, 0%, 70%)
Oklch
oklch(37.9% 0.025 304.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#7E7169

Tangerine · DimGray · Warm Gray

HEX
#7E7169
RGB
rgb(126, 113, 105)
HSL
hsl(23, 9%, 45%)
HSB
hsb(23, 17%, 49%)
CMYK
cmyk(0%, 10%, 17%, 51%)
Oklch
oklch(55.8% 0.020 53.7)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#CB9C82

Apricot · Tan · Warm Sun

HEX
#CB9C82
RGB
rgb(203, 156, 130)
HSL
hsl(21, 41%, 65%)
HSB
hsb(21, 36%, 80%)
CMYK
cmyk(0%, 23%, 36%, 20%)
Oklch
oklch(73.0% 0.067 50.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D9CDB3

Goose Yellow · Silver · Lemon Cream

HEX
#D9CDB3
RGB
rgb(217, 205, 179)
HSL
hsl(41, 33%, 78%)
HSB
hsb(41, 18%, 85%)
CMYK
cmyk(0%, 6%, 18%, 15%)
Oklch
oklch(85.1% 0.037 86.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C122D
222C11

Analogous

11152C
1C122D
28112C

Triadic

1C122D
2C1B11
112C1B

Split-Comp.

1C122D
2C2811
152C11

Tetradic

1C122D
2C1115
222C11
112C28

Contrast Matrix WCAG 2.1 Contrast

1C122D
453F4D
7E7169
CB9C82
D9CDB3
—
1.8
Fail
3.8
AA Large
7.3
AAA
11.4
AAA
1.8
Fail
—
2.2
Fail
4.2
AA Large
6.4
AA
3.8
AA Large
2.2
Fail
—
1.9
Fail
3.0
Fail
7.3
AAA
4.2
AA Large
1.9
Fail
—
1.5
Fail
11.4
AAA
6.4
AA
3.0
Fail
1.5
Fail
—
White BG
17.9AAA
10.1AAA
4.7AA
2.4Fail
1.6Fail
Black BG
1.2Fail
2.1Fail
4.5AA Large
8.6AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181826
42424A
78786B
B7B688
D4D4B9

Deuteranopia

181925
434349
797A6B
B9BD8A
D5D5BB

Tritanopia

1B2120
454746
7D6C6D
C98D8E
D8BEBF

Achromatopsia

181818
424242
747474
A7A7A7
CECECE

Shades & Tints Shades & Tints

#1C122D

Dark
Light

#453F4D

Dark
Light

#7E7169

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c122d;
  --color-2: #453f4d;
  --color-3: #7e7169;
  --color-4: #cb9c82;
  --color-5: #d9cdb3;
}

SCSS

$color-1: #1c122d;
$color-2: #453f4d;
$color-3: #7e7169;
$color-4: #cb9c82;
$color-5: #d9cdb3;

TAILWIND

colors: {
  'brand-1': '#1c122d',
  'brand-2': '#453f4d',
  'brand-3': '#7e7169',
  'brand-4': '#cb9c82',
  'brand-5': '#d9cdb3',
}

RGB Array

[28, 18, 45], [69, 63, 77], [126, 113, 105], [203, 156, 130], [217, 205, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C122D, #453F4D, #7E7169, #CB9C82, #D9CDB3 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1c122d; --color-2: #453f4d; --color-3: #7e7169; --color-4: #cb9c82; --color-5: #d9cdb3. 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. Restrained colors convey professionalism and trust. 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