#B2395C + #912F4B + #70243A + #4F1929 + #2E0F18 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B2395C

Dark Violet · Brown · Camellia

HEX

#B2395C

RGB

rgb(178, 57, 92)

HSL

hsl(343, 51%, 46%)

HSB

hsb(343, 68%, 70%)

CMYK

cmyk(0%, 68%, 48%, 30%)

Oklch

oklch(52.9% 0.158 6.8)

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

#912F4B

Dark Violet · Brown · Camellia

HEX

#912F4B

RGB

rgb(145, 47, 75)

HSL

hsl(343, 51%, 38%)

HSB

hsb(343, 68%, 57%)

CMYK

cmyk(0%, 68%, 48%, 43%)

Oklch

oklch(45.8% 0.133 6.7)

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

#70243A

Dark Violet · Brown · Camellia

HEX

#70243A

RGB

rgb(112, 36, 58)

HSL

hsl(343, 51%, 29%)

HSB

hsb(343, 68%, 44%)

CMYK

cmyk(0%, 68%, 48%, 56%)

Oklch

oklch(38.3% 0.109 6.1)

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

#4F1929

Dark Violet · Maroon · Raspberry

HEX

#4F1929

RGB

rgb(79, 25, 41)

HSL

hsl(342, 52%, 20%)

HSB

hsb(342, 68%, 31%)

CMYK

cmyk(0%, 68%, 48%, 69%)

Oklch

oklch(30.4% 0.083 5.1)

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

#2E0F18

Dark Violet · Black · Raspberry

HEX

#2E0F18

RGB

rgb(46, 15, 24)

HSL

hsl(343, 51%, 12%)

HSB

hsb(343, 67%, 18%)

CMYK

cmyk(0%, 67%, 48%, 82%)

Oklch

oklch(22.1% 0.052 4.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2395C

39B18F

Analogous

B13997

B2395C

B15339

Triadic

B2395C

5BB139

395BB1

Split-Comp.

B2395C

39B153

3997B1

Tetradic

B2395C

97B139

39B18F

5339B1

Contrast Matrix WCAG 2.1 Contrast

B2395C	912F4B	70243A	4F1929	2E0F18
—	1.3 Fail	1.8 Fail	2.4 Fail	3.0 AA Large
1.3 Fail	—	1.4 Fail	1.8 Fail	2.3 Fail
1.8 Fail	1.4 Fail	—	1.3 Fail	1.7 Fail
2.4 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
3.0 AA Large	2.3 Fail	1.7 Fail	1.3 Fail	—

White BG

5.8AA

7.7AAA

10.5AAA

14.0AAA

17.5AAA

Black BG

3.6AA Large

2.7Fail

2.0Fail

1.5Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D54

676644

4F4E35

383725

212016

Deuteranopia

858E51

6C7443

545933

3B3F24

222515

Tritanopia

AC4D4B

8C3F3E

6C3030

4C2221

2C1414

Achromatopsia

616161

4F4F4F

3D3D3D

2B2B2B

191919

Shades & Tints Shades & Tints

#B2395C

Dark

Light

#912F4B

Dark

Light

#70243A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2395c;
  --color-2: #912f4b;
  --color-3: #70243a;
  --color-4: #4f1929;
  --color-5: #2e0f18;
}

SCSS

$color-1: #b2395c;
$color-2: #912f4b;
$color-3: #70243a;
$color-4: #4f1929;
$color-5: #2e0f18;

TAILWIND

colors: {
  'brand-1': '#b2395c',
  'brand-2': '#912f4b',
  'brand-3': '#70243a',
  'brand-4': '#4f1929',
  'brand-5': '#2e0f18',
}

RGB Array

[178, 57, 92], [145, 47, 75], [112, 36, 58], [79, 25, 41], [46, 15, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B2395C, #912F4B, #70243A, #4F1929, #2E0F18 is ideal for: tech websites, dark mode UIs, game UIs. 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: #b2395c; --color-2: #912f4b; --color-3: #70243a; --color-4: #4f1929; --color-5: #2e0f18. 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. 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 pastel-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