← Back to Editor

#D5235F · #24163A · #B376A0 · #F7B6BE · #DDC0B0

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

#D5235F

Dark Violet · Crimson · Camellia

HEX
#D5235F
RGB
rgb(213, 35, 95)
HSL
hsl(340, 72%, 49%)
HSB
hsb(340, 84%, 84%)
CMYK
cmyk(0%, 84%, 55%, 16%)
Oklch
oklch(57.2% 0.210 8.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#24163A

Deep Indigo · MidnightBlue · Dark Purple

HEX
#24163A
RGB
rgb(36, 22, 58)
HSL
hsl(263, 45%, 16%)
HSB
hsb(263, 62%, 23%)
CMYK
cmyk(38%, 62%, 0%, 77%)
Oklch
oklch(23.9% 0.067 299.2)

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

#B376A0

Rose Purple · DarkGray · Violet

HEX
#B376A0
RGB
rgb(179, 118, 160)
HSL
hsl(319, 29%, 58%)
HSB
hsb(319, 34%, 70%)
CMYK
cmyk(0%, 34%, 11%, 30%)
Oklch
oklch(64.3% 0.094 339.0)

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

#F7B6BE

Peach Pink · LightPink · Cherry Blossom

HEX
#F7B6BE
RGB
rgb(247, 182, 190)
HSL
hsl(353, 80%, 84%)
HSB
hsb(353, 26%, 97%)
CMYK
cmyk(0%, 26%, 23%, 3%)
Oklch
oklch(83.8% 0.076 10.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#DDC0B0

Apricot · Silver · Peach Orange

HEX
#DDC0B0
RGB
rgb(221, 192, 176)
HSL
hsl(21, 40%, 78%)
HSB
hsb(21, 20%, 87%)
CMYK
cmyk(0%, 13%, 20%, 13%)
Oklch
oklch(82.8% 0.040 50.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5235F
23D79B

Analogous

D723B9
D5235F
D74123

Triadic

D5235F
5FD723
235FD7

Split-Comp.

D5235F
23D741
23B9D7

Tetradic

D5235F
B9D723
23D79B
4123D7

Contrast Matrix WCAG 2.1 Contrast

D5235F
24163A
B376A0
F7B6BE
DDC0B0
—
3.4
AA Large
1.4
Fail
2.9
Fail
2.9
Fail
3.4
AA Large
—
4.8
AA
9.9
AAA
9.8
AAA
1.4
Fail
4.8
AA
—
2.1
Fail
2.0
Fail
2.9
Fail
9.9
AAA
2.1
Fail
—
1.0
Fail
2.9
Fail
9.8
AAA
2.0
Fail
1.0
Fail
—
White BG
5.0AA
16.8AAA
3.5AA Large
1.7Fail
1.7Fail
Black BG
4.2AA Large
1.3Fail
6.0AA
12.4AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888650
1E1E31
999896
DBDABC
D0D0B4

Deuteranopia

92A04D
1F202F
9CA193
DFE3BC
D2D4B5

Tritanopia

CC4543
232A29
B08E8C
F4BBBA
DCB7B8

Achromatopsia

5F5F5F
1E1E1E
8D8D8D
CACACA
C7C7C7

Shades & Tints Shades & Tints

#D5235F

Dark
Light

#24163A

Dark
Light

#B376A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5235f;
  --color-2: #24163a;
  --color-3: #b376a0;
  --color-4: #f7b6be;
  --color-5: #ddc0b0;
}

SCSS

$color-1: #d5235f;
$color-2: #24163a;
$color-3: #b376a0;
$color-4: #f7b6be;
$color-5: #ddc0b0;

TAILWIND

colors: {
  'brand-1': '#d5235f',
  'brand-2': '#24163a',
  'brand-3': '#b376a0',
  'brand-4': '#f7b6be',
  'brand-5': '#ddc0b0',
}

RGB Array

[213, 35, 95], [36, 22, 58], [179, 118, 160], [247, 182, 190], [221, 192, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5235F, #24163A, #B376A0, #F7B6BE, #DDC0B0 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: #d5235f; --color-2: #24163a; --color-3: #b376a0; --color-4: #f7b6be; --color-5: #ddc0b0. 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