← Back to Editor

#1C0720 · #3F0430 · #5D435B · #8AA299 · #C1C5AD

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

#1C0720

Royal Purple · Black · Dark Purple

HEX
#1C0720
RGB
rgb(28, 7, 32)
HSL
hsl(290, 64%, 8%)
HSB
hsb(290, 78%, 13%)
CMYK
cmyk(12%, 78%, 0%, 87%)
Oklch
oklch(17.8% 0.057 321.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#3F0430

Rose Purple · MidnightBlue · Dark Purple

HEX
#3F0430
RGB
rgb(63, 4, 48)
HSL
hsl(315, 88%, 13%)
HSB
hsb(315, 94%, 25%)
CMYK
cmyk(0%, 94%, 24%, 75%)
Oklch
oklch(25.2% 0.101 341.1)

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

#5D435B

Rose Purple · DimGray · Eggplant

HEX
#5D435B
RGB
rgb(93, 67, 91)
HSL
hsl(305, 16%, 31%)
HSB
hsb(305, 28%, 36%)
CMYK
cmyk(0%, 28%, 2%, 64%)
Oklch
oklch(42.0% 0.051 329.0)

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

#8AA299

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#8AA299
RGB
rgb(138, 162, 153)
HSL
hsl(158, 11%, 59%)
HSB
hsb(158, 15%, 64%)
CMYK
cmyk(15%, 0%, 6%, 36%)
Oklch
oklch(69.1% 0.030 170.8)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#C1C5AD

Willow Green · Silver · Apple Green

HEX
#C1C5AD
RGB
rgb(193, 197, 173)
HSL
hsl(70, 17%, 73%)
HSB
hsb(70, 12%, 77%)
CMYK
cmyk(2%, 0%, 12%, 23%)
Oklch
oklch(81.4% 0.033 114.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C0720
0C2107

Analogous

100721
1C0720
210719

Triadic

1C0720
211D07
07211D

Split-Comp.

1C0720
192107
072110

Tetradic

1C0720
211007
0C2107
071921

Contrast Matrix WCAG 2.1 Contrast

1C0720
3F0430
5D435B
8AA299
C1C5AD
—
1.2
Fail
2.2
Fail
7.0
AAA
10.8
AAA
1.2
Fail
—
1.9
Fail
6.1
AA
9.3
AAA
2.2
Fail
1.9
Fail
—
3.2
AA Large
4.9
AA
7.0
AAA
6.1
AA
3.2
AA Large
—
1.5
Fail
10.8
AAA
9.3
AAA
4.9
AA
1.5
Fail
—
White BG
19.1AAA
16.5AAA
8.7AAA
2.7Fail
1.8Fail
Black BG
1.1Fail
1.3Fail
2.4Fail
7.7AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

13131A
252525
525255
94959B
C3C3B3

Deuteranopia

141619
292D23
535554
93919C
C3C2B4

Tritanopia

1B1514
3C1D1B
5C5150
8B9D9D
C1B7B8

Achromatopsia

101010
1B1B1B
4E4E4E
9A9A9A
C1C1C1

Shades & Tints Shades & Tints

#1C0720

Dark
Light

#3F0430

Dark
Light

#5D435B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c0720;
  --color-2: #3f0430;
  --color-3: #5d435b;
  --color-4: #8aa299;
  --color-5: #c1c5ad;
}

SCSS

$color-1: #1c0720;
$color-2: #3f0430;
$color-3: #5d435b;
$color-4: #8aa299;
$color-5: #c1c5ad;

TAILWIND

colors: {
  'brand-1': '#1c0720',
  'brand-2': '#3f0430',
  'brand-3': '#5d435b',
  'brand-4': '#8aa299',
  'brand-5': '#c1c5ad',
}

RGB Array

[28, 7, 32], [63, 4, 48], [93, 67, 91], [138, 162, 153], [193, 197, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C0720, #3F0430, #5D435B, #8AA299, #C1C5AD is ideal for: tech websites, dark mode UIs, game UIs, 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: #1c0720; --color-2: #3f0430; --color-3: #5d435b; --color-4: #8aa299; --color-5: #c1c5ad. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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