← Back to Editor

#1A0320 · #CB8B9D · #FBD9CF · #E5E0D9 · #C8C9C9

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#1A0320

Royal Purple · Black · Dark Purple

HEX
#1A0320
RGB
rgb(26, 3, 32)
HSL
hsl(288, 83%, 7%)
HSB
hsb(288, 91%, 13%)
CMYK
cmyk(19%, 91%, 0%, 87%)
Oklch
oklch(16.6% 0.066 319.2)

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

#CB8B9D

Rouge · Tan · Rose Pink

HEX
#CB8B9D
RGB
rgb(203, 139, 157)
HSL
hsl(343, 38%, 67%)
HSB
hsb(343, 32%, 80%)
CMYK
cmyk(0%, 32%, 23%, 20%)
Oklch
oklch(70.6% 0.081 1.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FBD9CF

Peach Pink · Bisque · Cherry Blossom

HEX
#FBD9CF
RGB
rgb(251, 217, 207)
HSL
hsl(14, 85%, 90%)
HSB
hsb(14, 18%, 98%)
CMYK
cmyk(0%, 14%, 18%, 2%)
Oklch
oklch(91.1% 0.040 37.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E5E0D9

Goose Yellow · LightGray · Peach Orange

HEX
#E5E0D9
RGB
rgb(229, 224, 217)
HSL
hsl(35, 19%, 87%)
HSB
hsb(35, 5%, 90%)
CMYK
cmyk(0%, 2%, 5%, 10%)
Oklch
oklch(90.9% 0.011 76.6)

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

#C8C9C9

Silver Gray · Silver · Pearl Gray

HEX
#C8C9C9
RGB
rgb(200, 201, 201)
HSL
hsl(180, 1%, 79%)
HSB
hsb(180, 0%, 79%)
CMYK
cmyk(0%, 0%, 0%, 21%)
Oklch
oklch(83.5% 0.001 197.1)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A0320
092103

Analogous

0C0321
1A0320
210318

Triadic

1A0320
211B03
03211B

Split-Comp.

1A0320
182103
03210C

Tetradic

1A0320
210C03
092103
031821

Contrast Matrix WCAG 2.1 Contrast

1A0320
CB8B9D
FBD9CF
E5E0D9
C8C9C9
—
7.2
AAA
14.8
AAA
14.8
AAA
11.7
AAA
7.2
AAA
—
2.1
Fail
2.1
Fail
1.6
Fail
14.8
AAA
2.1
Fail
—
1.0
Fail
1.3
Fail
14.8
AAA
2.1
Fail
1.0
Fail
—
1.3
Fail
11.7
AAA
1.6
Fail
1.3
Fail
1.3
Fail
—
White BG
19.5AAA
2.7Fail
1.3Fail
1.3Fail
1.7Fail
Black BG
1.1Fail
7.7AAA
15.9AAA
16.0AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101019
AFAF99
ECECD1
E3E3DB
C8C8C9

Deuteranopia

111317
B3B898
EEF1D2
E3E4DB
C8C8C9

Tritanopia

191312
C89594
F9D3D4
E5DCDC
C8C9C9

Achromatopsia

0D0D0D
A0A0A0
E2E2E2
E1E1E1
C9C9C9

Shades & Tints Shades & Tints

#1A0320

Dark
Light

#CB8B9D

Dark
Light

#FBD9CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a0320;
  --color-2: #cb8b9d;
  --color-3: #fbd9cf;
  --color-4: #e5e0d9;
  --color-5: #c8c9c9;
}

SCSS

$color-1: #1a0320;
$color-2: #cb8b9d;
$color-3: #fbd9cf;
$color-4: #e5e0d9;
$color-5: #c8c9c9;

TAILWIND

colors: {
  'brand-1': '#1a0320',
  'brand-2': '#cb8b9d',
  'brand-3': '#fbd9cf',
  'brand-4': '#e5e0d9',
  'brand-5': '#c8c9c9',
}

RGB Array

[26, 3, 32], [203, 139, 157], [251, 217, 207], [229, 224, 217], [200, 201, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A0320, #CB8B9D, #FBD9CF, #E5E0D9, #C8C9C9 is ideal for: health products, baby brands, fresh-style blogs, 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: #1a0320; --color-2: #cb8b9d; --color-3: #fbd9cf; --color-4: #e5e0d9; --color-5: #c8c9c9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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